.header{border-bottom:1px solid #ffffff1a;background:#0b091a!important;box-shadow:0 2px 10px #0000004d!important}.header .toolbar{justify-content:space-between;min-height:80px;padding:15px 0}.header .logo a{align-items:center;display:flex}.header .navLinks{gap:10px;display:flex}.header .navLinks .navLink{text-transform:none;border-radius:6px;padding:8px 16px;font-size:15px;font-weight:500;transition:all .3s;color:#fff!important}.header .navLinks .navLink:hover{background:#f3d46f26;color:#f3d46f!important}.header .navLinks .navLink.active{background:#f3d46f26;font-weight:600;color:#f3d46f!important}.header .ctaButtons{align-items:center;gap:12px;display:flex}.header .menuBtn{color:#fff!important}.header .btnPrimary{color:#0b091a;background:#f3d46f;border:none;border-radius:8px;padding:10px 30px;font-weight:600;transition:all .3s}.header .btnPrimary:hover{color:#0b091a;background:#fce28e}.drawerWrapper .MuiDrawer-paper{background:#0b091a;width:300px}.mobileDrawer{flex-direction:column;height:100%;padding:20px;display:flex}.mobileDrawer .drawerHeader{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.mobileDrawer .drawerItem{cursor:pointer;color:#fff;border-radius:8px;margin-bottom:5px;padding:15px 10px;transition:all .3s}.mobileDrawer .drawerItem:hover{background:#f3d46f1a}.mobileDrawer .drawerItem.active{color:#f3d46f;background:#f3d46f26}.mobileDrawer .drawerItem .MuiListItemText-root .MuiTypography-root{color:#fff;font-size:16px;font-weight:500}.mobileDrawer .drawerCta{border-top:1px solid #ffffff1a;margin-top:auto;padding-top:20px}.mobileDrawer .drawerCta .btnPrimary{color:#0b091a;background:#f3d46f;border-radius:8px;padding:12px;font-weight:600;transition:all .3s}.mobileDrawer .drawerCta .btnPrimary:hover{background:#fce28e}.footer{background:#0b091a;border-top:1px solid #ffffff1a;padding:60px 0 20px}@media (max-width:768px){.footer .footerGrid{gap:30px}}.footer .footerBrand .brandDesc{color:#a4a4a4;max-width:350px;margin-top:15px;line-height:1.8}.footer .socialLinks{gap:8px;margin-top:20px;display:flex}.footer .socialLinks .socialIcon{color:#a4a4a4;background:#262433;width:38px;height:38px;transition:all .3s}.footer .socialLinks .socialIcon:hover{color:#0b091a;background:#f3d46f;transform:translateY(-3px)}.footer .footerTitle{color:#f3d46f;margin-bottom:20px;font-size:18px;font-weight:600}.footer .footerLinks ul{padding:0;list-style:none}.footer .footerLinks ul li{margin-bottom:12px}.footer .footerLinks ul li a{color:#a4a4a4;font-size:14px;transition:all .3s}.footer .footerLinks ul li a:hover{color:#f3d46f;padding-left:8px}.footer .footerContact .contactItem{flex-direction:column;margin-bottom:12px;display:flex}.footer .footerContact .contactItem .contactLabel{color:#f3d46f;font-size:13px;font-weight:600}.footer .footerContact .contactItem .contactValue{color:#a4a4a4;margin-top:2px;font-size:14px}.footer .paymentIcons{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.footer .paymentIcons img{background:#262433;border-radius:4px;width:auto;height:35px;padding:8px}.footer .footerBottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:40px;padding-top:20px;display:flex}.footer .footerBottom .copyright{color:#a4a4a4;font-size:14px}.footer .footerBottom .bottomLinks{gap:25px;display:flex}.footer .footerBottom .bottomLinks a{color:#a4a4a4;font-size:14px;transition:all .3s}.footer .footerBottom .bottomLinks a:hover{color:#f3d46f}.heroSection{background:#191a23;padding:60px 0 80px;position:relative;overflow:hidden}.heroSection:before{content:"";pointer-events:none;background:radial-gradient(circle,#f3d46f0d 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:-50%;right:-20%}.heroSection .heroContent{z-index:1;position:relative}.heroSection .heroContent .heroBadge{color:#f3d46f;letter-spacing:2px;font-size:14px;font-weight:600}.heroSection .heroContent .heroTitle{color:#fff;margin:15px 0 20px}.heroSection .heroContent .heroTitle .highlight{color:#f3d46f;position:relative}.heroSection .heroContent .heroTitle .highlight:after{content:"";z-index:-1;background:#f3d46f33;width:100%;height:8px;position:absolute;bottom:5px;left:0}.heroSection .heroContent .heroDescription{color:#a4a4a4;max-width:500px;margin-bottom:30px;font-size:18px;line-height:1.8}.heroSection .heroContent .heroButtons{flex-wrap:wrap;gap:15px;margin-bottom:40px;display:flex}.heroSection .heroContent .heroButtons .btnGold{color:#0b091a;background:#f3d46f;font-weight:600}.heroSection .heroContent .heroButtons .btnGold:hover{background:#fce28e}.heroSection .heroContent .heroButtons .btnOutline{color:#f3d46f;border-color:#f3d46f}.heroSection .heroContent .heroButtons .btnOutline:hover{background:#f3d46f1a;border-color:#fce28e}.heroSection .heroContent .heroStats{gap:50px;display:flex}.heroSection .heroContent .heroStats .statItem .statNumber{color:#f3d46f;font-weight:700}.heroSection .heroContent .heroStats .statItem .statLabel{color:#a4a4a4;font-size:14px}.heroSection .heroImage{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.heroSection .heroImage img{filter:drop-shadow(0 20px 40px #f3d46f26);border-radius:20px;max-width:100%;overflow:hidden}.featuresSection{background:#0b091a;padding:60px 0}.featuresSection .sectionTitle{text-align:center;margin-bottom:50px}.featuresSection .sectionTitle .sectionBadge{color:#f3d46f;letter-spacing:2px;font-weight:600}.featuresSection .sectionTitle h2{color:#fff}.featuresSection .sectionTitle .sectionDescription{color:#a4a4a4;margin-top:10px}.featuresSection .featureCard{text-align:center;cursor:pointer;background:#262433;border:1px solid #0000;border-radius:12px;height:100%;padding:30px 20px;transition:all .3s}.featuresSection .featureCard:hover{border-color:#f3d46f;transform:translateY(-10px);box-shadow:0 10px 40px #f3d46f1a}.featuresSection .featureCard .featureIcon{justify-content:center;margin-bottom:20px;display:flex}.featuresSection .featureCard .featureIcon img{width:90px;height:90px}.featuresSection .featureCard .featureTitle{color:#f3d46f;margin-bottom:10px;font-weight:600}.featuresSection .featureCard .featureDesc{color:#a4a4a4;line-height:1.6}.appShowcase{background:#191a23;padding:60px 0}.appShowcase .sectionTitle{text-align:center;margin-bottom:50px}.appShowcase .sectionTitle .sectionBadge{color:#f3d46f;letter-spacing:2px;font-weight:600}.appShowcase .sectionTitle h2{color:#fff}.appShowcase .sectionTitle .sectionDescription{color:#a4a4a4;margin-top:10px}.appShowcase .appPreview{justify-content:center;align-items:center;display:flex}.appShowcase .appPreview .phoneMockup{margin-top:-170px;position:relative}.appShowcase .appPreview .phoneMockup img{filter:drop-shadow(0 20px 40px #f3d46f26);max-width:100%;height:auto}.appShowcase .appContent .appTitle{color:#fff;margin-bottom:15px}.appShowcase .appContent .appTitle .highlight{color:#f3d46f}.appShowcase .appContent .appDescription{color:#a4a4a4;margin-bottom:30px;font-size:16px;line-height:1.8}.appShowcase .featuresGrid .featureCard{background:#262433;border:1px solid #0000;border-radius:10px;height:100%;padding:20px 15px;transition:all .3s}.appShowcase .featuresGrid .featureCard:hover{background:#f3d46f0d;border-color:#f3d46f;transform:translateY(-5px)}.appShowcase .featuresGrid .featureCard .featureIcon{margin-bottom:12px}.appShowcase .featuresGrid .featureCard .featureIcon img{width:40px;height:40px}.appShowcase .featuresGrid .featureCard .featureTitle{color:#f3d46f;margin-bottom:8px;font-size:16px;font-weight:600}.appShowcase .featuresGrid .featureCard .featureDesc{color:#a4a4a4;font-size:14px;line-height:1.6}.appShowcase .appCta{margin-top:30px}.appShowcase .appCta .btnPrimary{color:#0b091a;background:#f3d46f;border-radius:8px;padding:12px 35px;font-weight:600;transition:all .3s}.appShowcase .appCta .btnPrimary:hover{background:#fce28e}.appShowcase .appCta .storeBadges{gap:15px;margin-top:15px;display:flex}.appShowcase .appCta .storeBadges img{cursor:pointer;width:auto;height:45px;transition:all .3s}.appShowcase .appCta .storeBadges img:hover{transform:scale(1.05)}.statsSection{background:#0b091a;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:60px 0}.statsSection .statBox{text-align:center}.statsSection .statBox .statNumber{color:#f3d46f;margin-bottom:5px;font-size:36px;font-weight:700}.statsSection .statBox .statLabel{opacity:.8;color:#a4a4a4;font-size:16px}.aboutPage{background:#191a23;min-height:100vh;padding:60px 0}.aboutPage .pageHeader{text-align:center;margin-bottom:50px}.aboutPage .pageHeader h1{color:#fff}.aboutPage .pageHeader .pageSubtitle{color:#a4a4a4;margin-top:10px}.aboutPage .aboutContent{margin-bottom:50px}.aboutPage .aboutContent .aboutText{flex-direction:column;justify-content:center;height:100%;display:flex}.aboutPage .aboutContent .aboutText .aboutTitle{color:#f3d46f;margin-bottom:20px}.aboutPage .aboutContent .aboutText p{color:#a4a4a4;line-height:1.8}.aboutPage .aboutContent .aboutImage img{border-radius:12px;width:70%;height:auto}.aboutPage .aboutFeatures .featureItem{text-align:center;background:#262433;border:1px solid #0000;border-radius:12px;padding:30px 20px;transition:all .3s}.aboutPage .aboutFeatures .featureItem:hover{border-color:#f3d46f}.aboutPage .aboutFeatures .featureItem .featureNumber{color:#f3d46f;margin-bottom:5px;font-weight:700}.aboutPage .aboutFeatures .featureItem p{color:#a4a4a4}.contactPage{background:#191a23;min-height:100vh;padding:60px 0}.contactPage .pageHeader{text-align:center;margin-bottom:50px}.contactPage .pageHeader h1{color:#fff}.contactPage .pageHeader .pageSubtitle{color:#a4a4a4;margin-top:10px}.contactPage .contactForm{background:#262433;border:1px solid #f3d46f1a;border-radius:12px;padding:40px}.contactPage .contactForm .formTitle{color:#f3d46f;margin-bottom:20px}.contactPage .contactForm .formField{margin-bottom:15px}.contactPage .contactForm .formField label{color:#a4a4a4}.contactPage .contactForm .formField input,.contactPage .contactForm .formField textarea{color:#fff;border-color:#ffffff1a}.contactPage .contactForm .formField input:focus,.contactPage .contactForm .formField textarea:focus{border-color:#f3d46f}.contactPage .contactForm .btnPrimary{color:#0b091a;background:#f3d46f;margin-top:15px;padding:12px;font-weight:600;transition:all .3s}.contactPage .contactForm .btnPrimary:hover{background:#fce28e}.contactPage .contactInfo{color:#fff;background:#0b091a;border:1px solid #f3d46f33;border-radius:12px;padding:40px}.contactPage .contactInfo .infoTitle{color:#f3d46f;margin-bottom:30px}.contactPage .contactInfo .infoItem{margin-bottom:25px}.contactPage .contactInfo .infoItem .infoLabel{color:#f3d46f;opacity:.8;margin-bottom:5px;font-weight:600}.contactPage .contactInfo .infoItem p{color:#a4a4a4}.termsPage{background:#191a23;min-height:100vh;padding:60px 0}.termsPage .pageHeader{text-align:center;margin-bottom:50px}.termsPage .pageHeader h1{color:#fff}.termsPage .pageHeader .pageSubtitle{color:#a4a4a4;margin-top:10px}.termsPage .termsContent{background:#262433;border:1px solid #f3d46f1a;border-radius:12px;padding:50px}.termsPage .termsContent .termSection{margin-bottom:30px}.termsPage .termsContent .termSection:last-child{margin-bottom:0}.termsPage .termsContent .termSection .termTitle{color:#f3d46f;margin-bottom:10px;font-size:20px}.termsPage .termsContent .termSection .termContent{color:#a4a4a4;line-height:1.8}.privacyPage{background:#191a23;min-height:100vh;padding:60px 0}.privacyPage .pageHeader{text-align:center;margin-bottom:50px}.privacyPage .pageHeader h1{color:#fff}.privacyPage .pageHeader .pageSubtitle{color:#a4a4a4;margin-top:10px}.privacyPage .privacyContent{background:#262433;border:1px solid #f3d46f1a;border-radius:12px;padding:50px}.privacyPage .privacyContent .privacySection{margin-bottom:30px}.privacyPage .privacyContent .privacySection:last-child{margin-bottom:0}.privacyPage .privacyContent .privacySection .privacyTitle{color:#f3d46f;margin-bottom:10px;font-size:20px}.privacyPage .privacyContent .privacySection .privacyContentText{color:#a4a4a4;line-height:1.8}@media (max-width:768px){.header .toolbar{min-height:65px;padding:10px 0}.footer{padding:40px 0 15px}.footer .footerBrand .brandDesc{max-width:100%}.footer .footerBottom{text-align:center;flex-direction:column}.footer .footerBottom .bottomLinks{gap:15px}.heroSection{padding:30px 0 50px}.heroSection .heroContent{text-align:center}.heroSection .heroContent .heroTitle{font-size:32px}.heroSection .heroContent .heroDescription{margin:0 auto 25px;font-size:16px}.heroSection .heroContent .heroButtons{justify-content:center}.heroSection .heroContent .heroStats{flex-wrap:wrap;justify-content:center;gap:30px}.heroSection .heroContent .heroStats .statNumber{font-size:24px}.featuresSection{padding:40px 0}.featuresSection .sectionTitle{margin-bottom:30px}.featuresSection .featureCard{padding:20px 15px}.appShowcase{padding:40px 0}.appShowcase .sectionTitle{margin-bottom:30px}.appShowcase .appContent{text-align:center}.appShowcase .appContent .appTitle{font-size:24px}.appShowcase .appContent .appDescription{font-size:15px}.appShowcase .appContent .featuresGrid .featureCard{padding:15px}.appShowcase .appContent .appCta .storeBadges{flex-wrap:wrap;justify-content:center}.statsSection{padding:40px 0}.statsSection .statBox .statNumber{font-size:28px}.statsSection .statBox .statLabel{font-size:14px}.aboutPage{padding:40px 0}.aboutPage .pageHeader,.aboutPage .aboutContent{margin-bottom:30px}.aboutPage .aboutFeatures .featureItem{padding:20px 15px}.contactPage{padding:40px 0}.contactPage .pageHeader{margin-bottom:30px}.contactPage .contactForm,.contactPage .contactInfo{padding:25px}.termsPage{padding:40px 0}.termsPage .pageHeader{margin-bottom:30px}.termsPage .termsContent{padding:25px}.privacyPage{padding:40px 0}.privacyPage .pageHeader{margin-bottom:30px}.privacyPage .privacyContent{padding:25px}}