.landing-page{font-family:Inter,-apple-system,sans-serif;color:#1a1a2e;background:#fff}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,48px);height:64px}.landing-nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;text-decoration:none;color:#1a1a2e}.landing-nav-logo svg{width:36px;height:36px}.landing-nav-links{display:flex;gap:28px;align-items:center}.landing-nav-links a,.landing-nav-links button{text-decoration:none;color:#555;font-size:14px;font-weight:500;transition:color .2s;background:none;border:none;cursor:pointer}.landing-nav-links a:hover,.landing-nav-links button:hover{color:#1a1a2e}.landing-nav-cta{background:#1a1a2e!important;color:#fff!important;padding:8px 20px!important;border-radius:10px!important;font-weight:600!important;font-size:14px!important;text-decoration:none;transition:transform .15s,box-shadow .15s}.landing-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1a1a2e40}.landing-hamburger{display:none;background:none;border:none;cursor:pointer;width:32px;height:32px;position:relative;padding:0;-webkit-tap-highlight-color:transparent}.landing-hamburger span{display:block;width:22px;height:2.5px;background:#1a1a2e;border-radius:2px;position:absolute;left:5px;transition:transform .3s,opacity .2s}.landing-hamburger span:nth-child(1){top:8px}.landing-hamburger span:nth-child(2){top:15px}.landing-hamburger span:nth-child(3){top:22px}.landing-hamburger.open span:nth-child(1){top:15px;transform:rotate(45deg)}.landing-hamburger.open span:nth-child(2){opacity:0}.landing-hamburger.open span:nth-child(3){top:15px;transform:rotate(-45deg)}.landing-mobile-menu{position:fixed;top:64px;left:0;right:0;z-index:99;background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;padding:8px 0;animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.landing-mobile-menu a,.landing-mobile-menu button{padding:16px 24px;font-size:16px;font-weight:500;color:#333;text-decoration:none;border:none;background:none;cursor:pointer;text-align:left;transition:background .15s;-webkit-tap-highlight-color:transparent}.landing-mobile-menu a:hover,.landing-mobile-menu button:hover{background:#f5f5ff}.landing-mobile-cta{margin:8px 16px 12px!important;padding:14px 24px!important;background:#1a1a2e!important;color:#fff!important;border-radius:12px!important;font-weight:700!important;text-align:center!important;font-size:16px!important}.landing-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 24px 60px;background:linear-gradient(170deg,#fefefe,#f0f4ff 40%,#e8f0fe);position:relative;overflow:hidden}.landing-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #e0e0e0;border-radius:100px;padding:6px 16px;font-size:13px;font-weight:600;color:#555;margin-bottom:24px;box-shadow:0 1px 4px #0000000a}.landing-hero h1{font-size:clamp(32px,6vw,64px);font-weight:900;line-height:1.08;max-width:700px;letter-spacing:-1.5px;margin:0}.landing-hero h1 em{font-style:normal;color:#6366f1}.landing-hero>p{margin-top:20px;font-size:clamp(15px,2vw,20px);color:#555;max-width:520px;line-height:1.6}.landing-hero-stats{display:flex;gap:40px;margin-top:36px;flex-wrap:wrap;justify-content:center}.landing-hero-stats .stat{text-align:center}.landing-hero-stats .stat-num{font-size:28px;font-weight:800;color:#6366f1}.landing-hero-stats .stat-label{font-size:12px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.landing-hero-ctas{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;justify-content:center}.landing-btn-primary{background:#6366f1;color:#fff;padding:14px 32px;border-radius:14px;font-weight:700;font-size:16px;text-decoration:none;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;display:inline-block;-webkit-tap-highlight-color:transparent}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159;color:#fff}.landing-btn-secondary{background:#fff;color:#1a1a2e;padding:14px 32px;border-radius:14px;font-weight:700;font-size:16px;text-decoration:none;border:2px solid #e0e0e0;transition:border-color .2s;display:inline-block}.landing-btn-secondary:hover{border-color:#6366f1}.landing-hero-compat{margin-top:32px;font-size:13px;color:#888;font-weight:500}.landing-hero-compat strong{color:#555}.landing-hero-cat-left,.landing-hero-cat-right{position:absolute;bottom:0;width:clamp(100px,14vw,180px);opacity:.12}.landing-hero-cat-left{left:3%}.landing-hero-cat-right{right:3%;transform:scaleX(-1)}.landing-section{padding:80px 24px}.landing-container{max-width:1100px;margin:0 auto}.landing-section-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#6366f1;margin-bottom:12px}.landing-section-title{font-size:clamp(24px,4vw,42px);font-weight:800;line-height:1.15;letter-spacing:-.5px;margin:0}.landing-section-sub{font-size:17px;color:#666;margin-top:12px;max-width:560px;line-height:1.6}.landing-highlights{background:#fafbff}.landing-highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.landing-highlight-card{background:#fff;border-radius:20px;padding:32px 28px;text-align:center;border:1px solid #f0f0f5;transition:transform .2s,box-shadow .2s}.landing-highlight-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000000f}.landing-highlight-card .icon{width:56px;height:56px;margin:0 auto 16px;background:#f0f0ff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.landing-highlight-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.landing-highlight-card p{font-size:14px;color:#666;line-height:1.5}.landing-feature-row{display:flex;align-items:center;gap:60px;padding:60px 0}.landing-feature-row.reverse{flex-direction:row-reverse}.landing-feature-text{flex:1}.landing-feature-text .tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#6366f1;background:#ede9fe;padding:4px 12px;border-radius:100px;margin-bottom:14px}.landing-feature-text h3{font-size:28px;font-weight:800;line-height:1.2;margin-bottom:14px}.landing-feature-text p{font-size:16px;color:#555;line-height:1.65}.landing-feature-visual{flex:1;aspect-ratio:4/3;background:#f5f3ff;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #e8e5f5}.landing-feature-visual svg{width:60%;max-width:220px;color:#6366f1}.landing-features-grid-section{background:#1a1a2e;color:#fff}.landing-features-grid-section .landing-section-label{color:#a5b4fc}.landing-features-grid-section .landing-section-title{color:#fff}.landing-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.landing-feature-mini{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 20px;transition:background .2s}.landing-feature-mini:hover{background:#ffffff1a}.landing-feature-mini .emoji{font-size:24px;margin-bottom:12px}.landing-feature-mini h4{font-size:15px;font-weight:700;margin-bottom:6px}.landing-feature-mini p{font-size:13px;color:#ffffff8c;line-height:1.5}.landing-pricing{background:#fafbff;text-align:center}.landing-pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;max-width:680px;margin-left:auto;margin-right:auto}.landing-price-card{background:#fff;border-radius:20px;padding:36px 28px;text-align:left;border:2px solid #f0f0f5;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.landing-price-card.featured{border-color:#6366f1;position:relative}.landing-price-card.featured:before{content:"Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#6366f1;color:#fff;font-size:11px;font-weight:700;padding:4px 14px;border-radius:100px}.landing-price-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000000f}.landing-price-card h4{font-size:20px;font-weight:800;margin:0}.landing-price-card .price{font-size:36px;font-weight:900;margin:16px 0 4px}.landing-price-card .price small{font-size:14px;font-weight:500;color:#888}.landing-price-card .price-desc{font-size:13px;color:#888;margin-bottom:20px}.landing-price-card ul{list-style:none;margin-bottom:28px;flex:1;padding:0}.landing-price-card ul li{font-size:14px;color:#555;padding:6px 0;display:flex;align-items:center;gap:8px}.landing-price-card ul li:before{content:"✓";color:#6366f1;font-weight:700}.landing-price-card .landing-btn-primary{text-align:center;display:block;font-size:14px;padding:12px 24px}.landing-btn-outline{text-align:center;display:block;background:#f5f3ff;color:#6366f1;padding:12px 24px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;transition:background .2s;border:none;cursor:pointer;width:100%}.landing-btn-outline:hover{background:#ede9fe}.landing-faq details{border-bottom:1px solid #eee}.landing-faq summary{padding:20px 0;font-size:16px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:"+";font-size:22px;color:#6366f1;font-weight:300}.landing-faq details[open] summary:after{content:"−"}.landing-faq details p{padding:0 0 20px;font-size:15px;color:#666;line-height:1.6;margin:0}.landing-final-cta{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;text-align:center;padding:80px 24px;position:relative;overflow:hidden}.landing-final-cta h2{font-size:clamp(24px,4vw,40px);font-weight:800;margin:0}.landing-final-cta p{margin-top:12px;font-size:17px;opacity:.85;max-width:480px;margin-left:auto;margin-right:auto}.landing-btn-white{display:inline-block;margin-top:28px;background:#fff;color:#6366f1;padding:14px 36px;border-radius:14px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.landing-btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.landing-cat-float{position:absolute;width:120px;opacity:.15}.landing-cat-float.left{left:5%;bottom:10%}.landing-cat-float.right{right:5%;top:10%;transform:scaleX(-1)}.landing-footer{background:#111827;color:#fff9;padding:48px 24px 32px}.landing-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;max-width:1100px;margin:0 auto}.landing-footer-brand{font-size:20px;font-weight:800;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px}.landing-footer-brand svg{width:28px;height:28px}.landing-footer-desc{font-size:13px;line-height:1.6;max-width:280px}.landing-footer h5{color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;margin-top:0}.landing-footer ul{list-style:none;padding:0;margin:0}.landing-footer ul li{margin-bottom:8px}.landing-footer ul a{color:#ffffff80;text-decoration:none;font-size:13px;transition:color .2s}.landing-footer ul a:hover{color:#fff}.landing-footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:32px;padding-top:20px;text-align:center;font-size:12px;max-width:1100px;margin-left:auto;margin-right:auto}.login-modal-overlay{position:fixed;inset:0;z-index:200;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-modal{background:#fff;border-radius:20px;padding:32px 28px;width:100%;max-width:400px;position:relative;box-shadow:0 20px 60px #00000026;animation:modalSlideUp .3s ease-out;max-height:calc(100vh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.login-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:#888;padding:4px;border-radius:8px;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.login-modal-close:hover{background:#f0f0f5;color:#333}.login-modal-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.login-modal-logo span{font-size:22px;font-weight:800;color:#1a1a2e}.login-modal-title{text-align:center;font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.login-modal-sub{text-align:center;font-size:14px;color:#888;margin:0 0 24px}.login-modal-form{display:flex;flex-direction:column;gap:16px}.login-field label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.login-field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.login-field-header label{margin-bottom:0}.login-field input{width:100%;padding:12px 14px;font-size:15px;border:1.5px solid #e0e0e0;border-radius:12px;background:#fafafa;outline:none;transition:border-color .2s,box-shadow .2s;color:#1a1a2e;box-sizing:border-box}.login-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.login-field input::placeholder{color:#bbb}.login-input-wrap{position:relative}.login-input-wrap input{padding-right:44px}.login-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#aaa;padding:4px;-webkit-tap-highlight-color:transparent}.login-eye:hover{color:#555}.login-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px;color:#dc2626;line-height:1.4}.login-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:16px;font-size:14px;color:#16a34a;text-align:center;line-height:1.5}.login-submit{width:100%;padding:13px;font-size:15px;font-weight:700;background:#6366f1;color:#fff;border:none;border-radius:12px;cursor:pointer;transition:background .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent}.login-submit:hover{background:#5558e6;transform:translateY(-1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.login-divider span{font-size:12px;color:#aaa;font-weight:500}.login-google{width:100%;padding:12px;font-size:14px;font-weight:600;background:#fff;color:#333;border:1.5px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-tap-highlight-color:transparent}.login-google:hover{background:#f8f8f8;border-color:#ccc}.login-google:disabled{opacity:.6;cursor:not-allowed}.login-switch{text-align:center;font-size:14px;color:#888;margin-top:20px}.login-switch button{background:none;border:none;color:#6366f1;font-weight:600;cursor:pointer;text-decoration:underline;font-size:14px;-webkit-tap-highlight-color:transparent}.login-switch button:hover{color:#4f46e5}.login-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}.landing-feature-row,.landing-feature-row.reverse{gap:40px}.landing-feature-text h3{font-size:24px}}@media(max-width:768px){.landing-nav-links{display:none}.landing-hamburger{display:block}.landing-hero{padding:80px 20px 48px;min-height:auto}.landing-hero h1{font-size:clamp(28px,8vw,42px);letter-spacing:-1px}.landing-hero>p{font-size:15px;margin-top:16px}.landing-hero-badge{font-size:12px;padding:5px 14px;margin-bottom:20px}.landing-hero-stats{gap:24px;margin-top:28px}.landing-hero-stats .stat-num{font-size:24px}.landing-hero-ctas{gap:10px;margin-top:28px}.landing-hero-ctas .landing-btn-primary,.landing-hero-ctas .landing-btn-secondary{padding:12px 24px;font-size:15px;width:100%;text-align:center;box-sizing:border-box}.landing-hero-compat{font-size:12px;margin-top:24px}.landing-hero-cat-left,.landing-hero-cat-right{display:none}.landing-section{padding:56px 16px}.landing-section-title{font-size:clamp(22px,6vw,32px)}.landing-section-sub{font-size:15px}.landing-highlights-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.landing-highlight-card{padding:24px 20px}.landing-feature-row,.landing-feature-row.reverse{flex-direction:column;gap:24px;padding:40px 0}.landing-feature-text h3{font-size:22px}.landing-feature-text p{font-size:15px}.landing-feature-visual{aspect-ratio:16/10;border-radius:16px}.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}.landing-feature-mini{padding:18px 14px;border-radius:14px}.landing-feature-mini .emoji{font-size:20px;margin-bottom:8px}.landing-feature-mini h4{font-size:13px}.landing-feature-mini p{font-size:12px}.landing-pricing-grid{grid-template-columns:1fr;max-width:400px;gap:20px}.landing-price-card{padding:28px 22px}.landing-price-card .price{font-size:32px}.landing-faq summary{font-size:15px;padding:16px 0}.landing-faq details p{font-size:14px}.landing-final-cta{padding:56px 20px}.landing-final-cta h2{font-size:clamp(22px,6vw,32px)}.landing-final-cta p{font-size:15px}.landing-btn-white{padding:12px 28px;font-size:15px}.landing-cat-float{display:none}.landing-footer{padding:36px 16px 24px}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.landing-footer-brand{font-size:18px}.landing-footer-desc{font-size:12px}.landing-footer h5{font-size:12px;margin-bottom:10px}.landing-footer ul a{font-size:12px}.landing-footer-bottom{font-size:11px;margin-top:24px}.login-modal{padding:24px 20px;border-radius:16px;max-width:100%}.login-modal-title{font-size:18px}.login-modal-sub{font-size:13px}.login-field input{font-size:16px;padding:12px}.login-submit{padding:14px;font-size:16px}.login-google{padding:13px}}@media(max-width:380px){.landing-hero h1{font-size:26px}.landing-hero-stats{gap:16px}.landing-hero-stats .stat-num{font-size:20px}.landing-hero-stats .stat-label{font-size:10px}.landing-features-grid{grid-template-columns:1fr}.landing-footer-grid{grid-template-columns:1fr;gap:20px}}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes landing-wag{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}}.landing-anim-float{animation:landing-float 3s ease-in-out infinite}.landing-anim-wag{animation:landing-wag 2s ease-in-out infinite}