:root{--accent-50:#a78bfa0f;--accent-100:#a78bfa1f;--accent-200:#a78bfa33;--accent-300:#a78bfa;--accent-400:#8b5cf6;--accent-500:#7c3aed;--accent-600:#6c5ce7;--accent-700:#5b21b6;--accent-800:#4c1d95;--gradient-accent:linear-gradient(135deg, #6c5ce7, #a855f7);--gradient-accent-hover:linear-gradient(135deg, #5b21b6, #9333ea);--gradient-cta:linear-gradient(135deg, #1a1035 0%, #0d1526 50%, #0a2520 100%);--bg-page:#0b0f1a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0d;--bg-elevated:#ffffff0f;--bg-muted:#0f1320;--bg-input:#ffffff0a;--text-primary:#e8ecf4;--text-secondary:#6b7280;--text-tertiary:#4b5563;--border-light:#ffffff0f;--border-medium:#ffffff14;--border-strong:#ffffff1f;--border-accent:#6c5ce766;--success:#34d399;--success-bg:#34d3991a;--error:#f87171;--error-bg:#f871711a;--warning:#fbbf24;--info:#38bdf8;--info-bg:#38bdf81f;--text-3xs:10px;--text-2xs:12px;--text-xs:14px;--text-sm:16px;--text-base:18px;--text-lg:22px;--text-xl:32px;--text-2xl:40px;--text-3xl:52px;--text-4xl:64px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, "Segoe UI", Roboto, sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:980px;--transition:.2s ease;--transition-slow:.35s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans), sans-serif;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-page);line-height:1.5}::selection{background:#6c5ce74d}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}.container{max-width:980px;padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}.container-sm{max-width:780px;padding-left:var(--space-6);padding-right:var(--space-6);margin:0 auto}.container-xs{max-width:520px;padding:0 var(--space-6);margin:0 auto}.section{padding-top:var(--space-24);padding-bottom:var(--space-24)}.section-muted{padding-top:var(--space-24);padding-bottom:var(--space-24);background:var(--bg-muted)}.nav{padding:14px var(--space-6);border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(20px);z-index:100;background:#0b0f1acc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.nav-logo{align-items:center;gap:var(--space-2);display:flex}.nav-logo-icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.nav-logo-text{font-size:var(--text-base);letter-spacing:-.3px;color:#fff;font-weight:600}.nav-links{align-items:center;gap:var(--space-8);font-size:var(--text-xs);display:flex}.nav-link{color:var(--text-secondary);transition:color var(--transition)}.nav-link:hover{color:var(--text-primary)}.nav-link-accent{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-pill);font-size:var(--text-2xs);transition:transform var(--transition), box-shadow var(--transition);padding:8px 20px;font-weight:500;display:inline-block}.nav-link-accent:hover{transform:scale(1.03);box-shadow:0 4px 16px #6c5ce766}.nav-link-muted{color:var(--text-secondary);transition:color var(--transition)}.nav-link-muted:hover{color:var(--text-primary)}.nav-user{align-items:center;gap:var(--space-4);display:flex}@media (max-width:639px){.nav{padding:14px var(--space-6)}}@media (min-width:640px){.nav{padding:14px var(--space-10)}.container,.container-sm{padding-left:var(--space-10);padding-right:var(--space-10)}}.hero-wrapper{position:relative;overflow:hidden}.hero{text-align:center;padding:var(--space-24) var(--space-6) var(--space-20);z-index:1;max-width:780px;margin:0 auto;position:relative}.hero-eyebrow{z-index:1;font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-300);background:var(--accent-100);border:1px solid var(--accent-200);border-radius:var(--radius-pill);margin-bottom:var(--space-6);padding:6px 18px;font-weight:500;display:inline-block;position:relative}.hero-title{font-size:var(--text-3xl);letter-spacing:-1.5px;color:#fff;margin-bottom:var(--space-5);font-weight:600;line-height:1.06;position:relative}.hero-title-gradient{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:560px;margin:0 auto var(--space-10);letter-spacing:-.025em;line-height:1.5;position:relative}.hero-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:640px){.hero{padding-top:var(--space-24);padding-bottom:var(--space-24)}.hero-title{font-size:var(--text-4xl)}}.section-eyebrow{text-align:center;font-size:var(--text-2xs);letter-spacing:.15em;text-transform:uppercase;color:var(--accent-300);margin-bottom:var(--space-2);font-weight:500}.section-title{text-align:center;font-size:var(--text-xl);letter-spacing:-1.5px;color:#fff;margin-bottom:var(--space-2);font-weight:600}.section-subtitle{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-12)}.btn-primary{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-pill);font-size:var(--text-sm);transition:transform var(--transition), box-shadow var(--transition);text-align:center;padding:14px 28px;font-weight:500;display:inline-block}.btn-primary:hover{transform:scale(1.03);box-shadow:0 6px 24px #6c5ce766}.btn-primary:focus-visible{outline:2px solid var(--accent-400);outline-offset:2px}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.btn-outline{border:1px solid var(--border-strong);color:var(--text-primary);border-radius:var(--radius-pill);font-size:var(--text-sm);transition:background var(--transition), transform var(--transition), border-color var(--transition);text-align:center;padding:12px 24px;font-weight:500;display:inline-block}.btn-outline:hover{background:var(--bg-elevated);border-color:#fff3;transform:scale(1.02)}.btn-outline:focus-visible{outline:2px solid var(--accent-400);outline-offset:2px}.btn-outline:active{transform:scale(.98)}.btn-social{justify-content:center;align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);transition:background var(--transition), transform var(--transition), border-color var(--transition);padding:14px 24px;font-weight:500;display:flex}.btn-social:hover{transform:translateY(-1px)}.btn-social:focus-visible{outline:2px solid var(--accent-400);outline-offset:2px}.btn-social:active{transform:translateY(0)}.btn-social:disabled{opacity:.5;transform:none}.btn-social-google{border:1px solid var(--border-strong);color:var(--text-primary);background:var(--bg-card)}.btn-social-google:hover{background:var(--bg-card-hover);border-color:#fff3}.btn-social-apple{color:#000;background:#fff}.btn-social-apple:hover{background:#f0f0f0}.link-accent{font-size:var(--text-sm);color:var(--accent-300);transition:color var(--transition);font-weight:500}.link-accent:hover{color:var(--accent-400)}.link-underline{color:var(--accent-300);transition:color var(--transition)}.link-underline:hover{text-decoration:underline}.card{border:1px solid var(--border-medium);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--bg-card);transition:border-color var(--transition)}.card:hover{border-color:var(--border-strong)}.card+.card{margin-top:var(--space-6)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-base);color:#fff;font-weight:600}.feature-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.feature-grid>*{display:flex}.feature-cell{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:border-color var(--transition), background var(--transition);flex:1}.feature-cell:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.feature-icon{width:56px;height:56px;margin:0 auto var(--space-4);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.feature-icon-shield{background:var(--accent-100);color:var(--accent-300)}.feature-icon-globe{background:var(--info-bg);color:var(--info)}.feature-icon-bolt{color:var(--warning);background:#fbbf241f}.feature-name{font-size:var(--text-sm);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:6px;font-weight:600}.feature-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6}@media (min-width:640px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.plan-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6) var(--space-8);text-align:center;transition:border-color var(--transition);flex-direction:column;display:flex}.plan-card:hover{border-color:var(--border-strong)}.plan-card-popular{background:var(--accent-50);border:2px solid var(--border-accent);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6) var(--space-8);text-align:center;flex-direction:column;display:flex;position:relative}.plan-badge{background:var(--gradient-accent);color:#fff;font-size:var(--text-2xs);border-radius:var(--radius-pill);letter-spacing:.025em;white-space:nowrap;padding:4px 18px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:500}.plan-price{font-size:var(--text-2xl);letter-spacing:-1.5px;color:#fff;font-weight:600;line-height:1}.plan-period{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.plan-total{font-size:var(--text-xs);color:var(--accent-300);margin-top:6px;margin-bottom:12px;font-weight:500}.plan-discount{font-size:var(--text-xs);color:var(--accent-300);margin-top:4px;font-weight:500}.plan-cta{width:100%;margin-top:auto;padding:12px 24px;display:block}.plan-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:640px){.plan-grid{grid-template-columns:repeat(3,1fr)}}.faq-item{border-bottom:1px solid var(--border-light);padding-bottom:var(--space-6)}.faq-item+.faq-item{margin-top:var(--space-6)}.faq-question{font-size:var(--text-sm);margin-bottom:var(--space-2);cursor:pointer;color:var(--text-primary);transition:color var(--transition);justify-content:space-between;align-items:center;font-weight:600;display:flex}.faq-question:hover{color:var(--accent-300)}.faq-question:after{content:"";border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);width:8px;height:8px;margin-left:var(--space-4);transition:transform var(--transition), border-color var(--transition);flex-shrink:0;transform:rotate(45deg)}.faq-question:hover:after{border-color:var(--accent-300)}.faq-item.faq-open .faq-question:after{transform:rotate(-135deg)}.faq-answer{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.badge{font-size:var(--text-xs);border-radius:var(--radius-pill);padding:5px 14px;font-weight:500;display:inline-block}.badge-active{background:var(--success-bg);color:var(--success)}.badge-inactive{background:var(--error-bg);color:var(--error)}.badge-muted{background:var(--bg-elevated);color:var(--text-secondary)}.badge-pending{color:#f59e0b;background:#f59e0b1f}.text-warning{color:#f59e0b}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--text-sm);cursor:pointer;transition:transform var(--transition), background var(--transition);padding:12px 24px;font-weight:500;display:inline-block}.btn-secondary:hover{background:var(--bg-card);transform:scale(1.02)}.result-page{min-height:60vh;padding:var(--space-24) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.result-icon{width:80px;height:80px;margin-bottom:var(--space-6);border-radius:50%;justify-content:center;align-items:center;display:flex}.result-icon-success{background:var(--success-bg);color:var(--success)}.result-icon-error{background:var(--error-bg);color:var(--error)}.result-title{font-size:var(--text-xl);letter-spacing:-1.5px;margin-bottom:var(--space-3);color:#fff;font-weight:600}.result-text{font-size:var(--text-sm);color:var(--text-secondary);max-width:460px;margin-bottom:var(--space-8)}.login-page{min-height:60vh;padding:var(--space-24) var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10) var(--space-8);text-align:center}.login-title{font-size:var(--text-lg);letter-spacing:-.5px;margin-bottom:var(--space-2);color:#fff;font-weight:600}.login-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-8)}.login-error{width:100%;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--error-bg);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--error);text-align:center;border:1px solid #f8717133}.login-buttons{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.login-legal{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:var(--space-6);line-height:1.6}.page-title{font-size:var(--text-xl);letter-spacing:-1.5px;color:#fff;font-weight:600}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.page-header{margin-bottom:var(--space-8)}.dashboard-content{padding:var(--space-16) var(--space-6);max-width:860px;margin:0 auto}@media (min-width:640px){.dashboard-content{padding-left:var(--space-10);padding-right:var(--space-10)}}.device-row{padding:var(--space-5);border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);transition:border-color var(--transition);justify-content:space-between;align-items:center;display:flex}.device-row:hover{border-color:var(--border-strong)}.device-row+.device-row{margin-top:var(--space-3)}.device-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.device-meta{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.connection-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.connection-dot.connected{background:var(--success);box-shadow:0 0 8px var(--success);animation:2s ease-in-out infinite pulse-dot}.connection-dot.disconnected{background:var(--text-secondary);opacity:.3}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.sub-row{padding:var(--space-2) 0;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.sub-row:last-child{border-bottom:none}.sub-name{font-size:var(--text-sm);font-weight:500}.sub-dates{font-size:var(--text-xs);color:var(--text-secondary)}.feature-check{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);display:flex}.feature-check+.feature-check{margin-top:var(--space-4)}.feature-check-icon{width:24px;height:24px;color:var(--accent-300);flex-shrink:0;margin-top:1px}.cta-section{background:var(--gradient-cta);padding:var(--space-20) 0;position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(#6c5ce726 0%,#0000 70%);width:600px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta{text-align:center;padding:0 var(--space-6);max-width:640px;margin:0 auto;position:relative}.cta-title{font-size:var(--text-xl);letter-spacing:-1.5px;margin-bottom:var(--space-3);color:#fff;font-weight:600;line-height:1.375}.cta-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8);line-height:1.6}.footer{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-6);border-top:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-tertiary);flex-direction:column;display:flex}.footer-links{justify-content:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.footer-link{color:var(--text-tertiary);transition:color var(--transition)}.footer-link:hover{color:var(--text-secondary)}@media (min-width:640px){.footer{padding:var(--space-5) var(--space-10);flex-direction:row;justify-content:space-between}}.legal{padding:var(--space-16) var(--space-6);max-width:860px;margin:0 auto}@media (min-width:640px){.legal{padding-left:var(--space-10);padding-right:var(--space-10)}}.legal-title{font-size:var(--text-xl);letter-spacing:-1.5px;margin-bottom:var(--space-8);color:#fff;font-weight:600}.legal-date{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.legal-section{margin-bottom:var(--space-8)}.legal-section-title{font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:600}.legal-section-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.legal-section-body p+p{margin-top:var(--space-3)}.legal-section-body ul,.legal-section-body ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.legal-section-body li{margin-bottom:var(--space-2)}.legal-section-body code{background:var(--bg-elevated);font-size:var(--text-xs);border-radius:4px;padding:2px 6px}.legal-section-body a{color:var(--accent-300)}.legal-section-body a:hover{text-decoration:underline}.legal-table{border-collapse:collapse;width:100%;margin:var(--space-4) 0;font-size:var(--text-xs)}.legal-table th,.legal-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light)}.legal-table th{color:var(--text-secondary);font-weight:500;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.05em}.legal-table td{color:var(--text-primary)}.loading-page{min-height:60vh;color:var(--text-secondary);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.text-muted{color:var(--text-secondary)}.text-accent,.text-marine{color:var(--accent-300)}.text-error,.text-error-dark{color:var(--error)}.text-small{font-size:var(--text-xs)}.btn-danger-text{font-size:var(--text-xs);color:var(--error);transition:color var(--transition);font-weight:500}.btn-danger-text:hover{color:#fca5a5}.btn-danger-text:disabled{opacity:.5}.back-link{align-items:center;gap:var(--space-3);color:var(--text-secondary);transition:color var(--transition);display:flex}.back-link:hover{color:var(--text-primary)}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);padding:var(--space-6);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-muted);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);width:100%;max-width:860px;max-height:90vh;animation:.25s ease-out slideUp;position:relative;overflow-y:auto}.modal-close{top:var(--space-4);right:var(--space-4);width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-title{text-align:center;font-size:var(--text-lg);letter-spacing:-.5px;margin-bottom:var(--space-2);color:#fff;font-weight:600}.modal-subtitle{text-align:center;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8)}.modal-plans{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:1fr;display:grid}@media (min-width:640px){.modal-plans{grid-template-columns:repeat(3,1fr)}}.modal-features{gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--border-light);grid-template-columns:1fr 1fr;display:grid}.modal-feature{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}@media (max-width:639px){.modal-content{padding:var(--space-8) var(--space-5)}.modal-features{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.nav-burger{width:40px;height:40px;color:var(--text-primary);transition:background var(--transition);border-radius:8px;justify-content:center;align-items:center;display:none}.nav-burger:hover{background:var(--bg-elevated)}@media (max-width:639px){.nav-burger{display:flex}.nav-links{padding:var(--space-4) var(--space-6);background:var(--bg-page);border-bottom:1px solid var(--border-light);z-index:100;flex-direction:column;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.nav-links-open{display:flex}.nav-links .nav-link,.nav-links .nav-link-accent,.nav-links .nav-link-muted{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light);text-align:left;background:0 0;border-radius:0;width:100%}.nav-links .nav-link:last-child,.nav-links .nav-link-accent:last-child,.nav-links .nav-link-muted:last-child,.nav-links .nav-user{border-bottom:none}.nav-user{flex-direction:column;gap:0;width:100%}.nav-user .nav-link-accent,.nav-user .nav-link-muted{padding:var(--space-3) 0;text-align:left;background:0 0;border-radius:0;width:100%;display:block}.nav{position:relative}}.spinner{vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.cookie-banner{z-index:1000;justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border-light);background:#0f1320f2;animation:.3s ease-out slideUpBanner;display:flex;position:fixed;bottom:0;left:0;right:0}.cookie-text{font-size:var(--text-xs);color:var(--text-secondary)}.cookie-actions{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.cookie-btn{font-size:var(--text-xs)!important;padding:8px 20px!important}.cookie-actions .link-accent{color:var(--accent-300)}.cookie-actions .link-accent:hover{color:var(--accent-400)}@media (max-width:639px){.cookie-banner{gap:var(--space-3);text-align:center;padding:var(--space-5) var(--space-6);flex-direction:column}}@keyframes slideUpBanner{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.fade-in{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.hero-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-bg:after{content:"";background:linear-gradient(to bottom, transparent, var(--bg-page));z-index:1;height:40%;position:absolute;bottom:0;left:0;right:0}.hero-bg-grid{background-image:linear-gradient(#6c5ce712 1px,#0000 1px),linear-gradient(90deg,#6c5ce712 1px,#0000 1px);background-size:60px 60px;animation:20s linear infinite grid-drift;position:absolute;inset:-50%;-webkit-mask-image:radial-gradient(50% 60% at 50% 40%,#000 20%,#0000 70%);mask-image:radial-gradient(50% 60% at 50% 40%,#000 20%,#0000 70%)}@keyframes grid-drift{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.hero-bg-orb{filter:blur(80px);border-radius:50%;animation:8s ease-in-out infinite orb-float;position:absolute}.hero-bg-orb-1{background:#6c5ce726;width:400px;height:400px;top:-100px;left:50%;transform:translate(-50%)}.hero-bg-orb-2{background:#a855f714;width:250px;height:250px;animation-duration:10s;animation-delay:-4s;bottom:-50px;right:10%}.hero-bg-orb-3{background:#38bdf80f;width:200px;height:200px;animation-duration:12s;animation-delay:-2s;top:30%;left:5%}@keyframes orb-float{0%,to{transform:translateY(0)translate(-50%)scale(1)}50%{transform:translateY(-20px)translate(-50%)scale(1.05)}}.hero-bg-orb-2,.hero-bg-orb-3{animation-name:orb-float-alt}@keyframes orb-float-alt{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.08)}}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:#a78bfa66;border-radius:50%;width:2px;height:2px;animation:linear infinite particle-rise;position:absolute}@keyframes particle-rise{0%{opacity:0;transform:translateY(100%)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(30px)}}.hero-eyebrow{animation:.8s .1s both hero-fade-in}.hero-title{animation:.8s .25s both hero-fade-in}.hero-subtitle{animation:.8s .4s both hero-fade-in}.hero-actions{animation:.8s .55s both hero-fade-in}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-cell{position:relative}.feature-cell:before{content:"";border-radius:var(--radius-lg);opacity:0;z-index:-1;background:linear-gradient(135deg,#6c5ce74d,#a855f71a,#0000);transition:opacity .4s;position:absolute;inset:-1px}.feature-cell:hover:before{opacity:1}.feature-cell:hover .feature-icon{animation:.5s icon-bounce}@keyframes icon-bounce{0%{transform:scale(1)}40%{transform:scale(1.15)}to{transform:scale(1)}}.login-card{position:relative}.login-card:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#6c5ce71f 0%,#0000 70%);width:300px;height:200px;position:absolute;top:-80px;left:50%;transform:translate(-50%)}.cta-section{position:relative}.cta-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#34d39914 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-50px;right:10%}