.main-nav{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.nav-logo .logo-icon{font-size:32px;line-height:1}.nav-logo .logo{font-size:18px;font-weight:600;color:#ff6b35;margin:0;line-height:1.2}.nav-logo .tagline{font-size:11px;color:#666;margin:0;line-height:1}.nav-menu{display:flex;gap:24px;list-style:none;margin:0;padding:0;align-items:center}.nav-link{color:#333;text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;border-radius:6px;transition:all .3s ease}.nav-link:hover{background:#f5f5f5;color:#ff6b35}@media (max-width: 768px){.nav-container{flex-direction:column;align-items:flex-start}.nav-menu{width:100%;justify-content:space-around;gap:12px}.nav-link{font-size:14px;padding:6px 10px}}.site-footer{background:#2d2d2d;color:#ccc;margin-top:60px}.footer-container{max-width:1200px;margin:0 auto;padding:40px 20px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.footer-section h4{color:#fff;font-size:16px;margin-bottom:16px;font-weight:600}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#999;text-decoration:none;font-size:14px;transition:color .3s ease}.footer-section a:hover{color:#ff6b35}.footer-section p{font-size:14px;line-height:1.6;color:#999;margin:0}.footer-bottom{border-top:1px solid #444;padding:20px;text-align:center}.footer-bottom p{margin:0;font-size:13px;color:#777}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:24px}}.blog-home{min-height:100vh}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 20px;text-align:center;color:#fff}.hero-title{font-size:42px;font-weight:700;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-subtitle{font-size:18px;max-width:700px;margin:0 auto;line-height:1.6;opacity:.95}.container{max-width:1200px;margin:0 auto;padding:0 20px}.welcome-section{margin-bottom:60px}.section-title{font-size:24px;font-weight:600;margin-bottom:16px;color:#1a1a1a}.section-heading{font-size:28px;font-weight:700;margin-bottom:30px;color:#1a1a1a}.info-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 16px #0000001a;margin-bottom:20px;border-left:4px solid #ccc}.info-card.card--purple{border-left-color:#9c27b0}.info-card.card--blue{border-left-color:#2196f3}.info-card.card--green{border-left-color:#4caf50}.info-card.card--orange{border-left-color:#ff6b35}.info-card.card--red{border-left-color:#f44336}.card--gradient{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-text{font-size:16px;line-height:1.7;color:#555;margin:0}.featured-section{margin-bottom:60px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.article-card-link{text-decoration:none;color:inherit}.article-card{background:#fff;border-radius:12px;padding:24px;border-left:4px solid #ccc;transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.article-card.card--green{border-left-color:#4caf50}.article-card.card--red{border-left-color:#f44336}.article-card.card--blue{border-left-color:#2196f3}.article-card.card--orange{border-left-color:#ff6b35}.article-card.card--purple{border-left-color:#9c27b0}.article-card.card--yellow{border-left-color:#ffc107}.article-category{display:inline-block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.article-title{font-size:20px;font-weight:600;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.article-excerpt{font-size:15px;line-height:1.6;color:#555;margin-bottom:16px;flex-grow:1}.read-more{color:#ff6b35;font-weight:600;font-size:14px}.topics-section{margin-bottom:60px}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.topic-card{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.topic-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.topic-icon{font-size:48px;margin-bottom:16px}.topic-card h3{font-size:18px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.topic-card p{font-size:14px;color:#666;line-height:1.5;margin:0}.cta-section{text-align:center;margin:60px 0;padding:20px 0}@media (max-width: 768px){.info-card{padding:20px}.section-title{font-size:20px}.card-text{font-size:15px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.articles-grid{grid-template-columns:1fr}.section-heading{font-size:24px}}.blog-listing{min-height:100vh;background:#f5f5f5}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 20px 40px;color:#fff;text-align:center}.page-title{font-size:36px;font-weight:700;margin-bottom:12px}.page-subtitle{font-size:16px;opacity:.95;max-width:600px;margin:0 auto}.main-content{padding-bottom:40px}.container{max-width:1000px;margin:0 auto;padding:0 20px}.filter-section{background:#fff;padding:24px;border-radius:12px;margin:-20px 0 30px;box-shadow:0 2px 12px #00000014}.filter-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:#333}.category-filters{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{background:#f5f5f5;border:1px solid #e0e0e0;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:#555}.filter-btn:hover{background:#e8e8e8;border-color:#ccc}.filter-btn.active{background:#ff6b35;color:#fff;border-color:#ff6b35}.articles-list{display:flex;flex-direction:column;gap:20px}.article-item-link{text-decoration:none;color:inherit}.article-item{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border-left:4px solid #ff6b35}.article-item:hover{transform:translate(4px);box-shadow:0 4px 16px #0000001f}.article-meta{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.article-category{font-size:12px;font-weight:600;color:#ff6b35;text-transform:uppercase;letter-spacing:.5px}.article-date,.article-read-time{font-size:13px;color:#777}.article-item-title{font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:12px;line-height:1.4}.article-item-excerpt{font-size:15px;line-height:1.6;color:#555;margin-bottom:16px}.read-more-link{color:#ff6b35;font-weight:600;font-size:14px}.cta-section{text-align:center;margin:40px 0}.start-now-btn{background:#ff6b35;color:#fff;border:none;border-radius:25px;padding:14px 48px;font-size:18px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 8px #ff6b354d;text-decoration:none;display:inline-block}.start-now-btn:hover{background:#e55a2b;transform:translateY(-2px);box-shadow:0 6px 12px #ff6b3566}@media (max-width: 768px){.page-title{font-size:28px}.article-item-title{font-size:18px}.category-filters{gap:8px}.filter-btn{font-size:13px;padding:6px 16px}}.privacy-page{min-height:100vh;background:#f5f5f5}.terms-page{min-height:100vh;background:#f5f5f5}.about-page{min-height:100vh;background:#f5f5f5}.contact-page{min-height:100vh;background:#f5f5f5}.feedback-form{margin-top:12px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:6px;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4caf50}.form-group small{display:block;font-size:12px;color:#666;margin-top:4px;font-style:italic}.form-group textarea{resize:vertical;min-height:100px}.submit-btn{background:#4caf50;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:100%}.submit-btn:hover{background:#45a049;transform:translateY(-1px)}@media (max-width: 768px){.main-title{font-size:24px}.feature-title{font-size:15px}.card-text{font-size:13px}}.newera-page{min-height:100vh;background:#f5f5f5}.footer-text{font-size:14px;color:#666;margin-bottom:8px}.welcome-page{min-height:100vh;background:#f5f5f5}@media (max-width: 768px){.main-title{font-size:24px}.card-title{font-size:16px}.feature-title{font-size:15px}.card-text{font-size:13px}}.global-community-page{min-height:100vh;background:#f5f5f5}@media (max-width: 768px){.main-title{font-size:24px}.subtitle{font-size:14px}.feature-title{font-size:15px}.card-text{font-size:13px}}.privacy-design-page{min-height:100vh;background:#f5f5f5}.main-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:8px;color:#1a1a1a}.subtitle{font-size:16px;text-align:center;margin-bottom:20px;color:#666}.start-now-btn{background:#ff6b35;color:#fff;border:none;border-radius:25px;padding:12px 40px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .2s ease;box-shadow:0 4px 6px #ff6b354d;text-decoration:none;display:inline-block}.start-now-btn:hover{background:#e55a2b;transform:translateY(-2px);box-shadow:0 6px 8px #ff6b3566}.footer{margin-top:32px;padding-top:20px;border-top:1px solid #e0e0e0;text-align:center}.footer-links{font-size:14px;color:#666;margin:0}.footer-link{color:#ff6b35;text-decoration:none;font-weight:500;transition:color .3s ease}.footer-link:hover{color:#e55a2b;text-decoration:underline}@media (max-width: 768px){.main-title{font-size:24px}.subtitle{font-size:14px}.card-text{font-size:13px}}.no-app-page{min-height:100vh}.superior-page{min-height:100vh}.ready-page{min-height:100vh}.global-platform-page{min-height:100vh}.safety-page{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333}.adventure-page{min-height:100vh}.header{background:#fff;padding:12px 20px;box-shadow:0 2px 4px #0000001a}.logo-section{display:flex;align-items:center;gap:10px}.logo-icon{font-size:32px;line-height:1}.logo{font-size:18px;font-weight:600;color:#ff6b35;margin:0;line-height:1.2}.tagline{font-size:12px;color:#666;margin:0;line-height:1}.main-content{padding:20px 0}.container{max-width:500px;margin:0 auto;padding:0 16px}.main-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:20px;color:#1a1a1a}.info-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:0 2px 8px #00000014;border-left:4px solid #ccc}.card--orange{border-left-color:#ff6b35}.card--green{border-left-color:#4caf50}.card--red{border-left-color:#f44336}.card--purple{border-left-color:#9c27b0}.card--yellow{border-left-color:#ffc107}.card--blue{border-left-color:#2196f3}.card--light{border-left-color:#ffc107}.card-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#1a1a1a;line-height:1.4}.card-text{font-size:14px;line-height:1.6;color:#4a4a4a;margin:0}.section-title{font-size:20px;font-weight:600;text-align:center;margin:24px 0 20px;color:#1a1a1a}.feature-title{font-size:16px;font-weight:600;margin-bottom:8px;color:#1a1a1a;line-height:1.4}.cta-section{text-align:center;margin:24px 0}.start-now-btn{background:#ff6b35;color:#fff;border:none;border-radius:25px;padding:12px 40px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease;box-shadow:0 4px 12px #ff6b354d;text-decoration:none;display:inline-block}.start-now-btn:hover{background:#e55a28}.footer{background:#2d2d2d;color:#999;text-align:center;padding:24px 16px;margin-top:40px;border-radius:12px 12px 0 0}.footer-text{font-size:12px;margin-bottom:8px}.footer-links{font-size:11px;color:#777;margin:0}.footer-link{color:#777;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#ff6b35;text-decoration:underline}@media (max-width: 768px){.container{padding:0 12px}.main-title{font-size:24px}.card-title{font-size:16px}.card-text{font-size:13px}}@media (min-width: 769px){.container{max-width:600px}}
