: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%}.platform-tabs{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.platform-tab{border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--border-strong);transition:all var(--transition);cursor:pointer;background:0 0;padding:8px 20px;font-weight:500}.platform-tab:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:#fff3}.platform-tab.active{color:#fff;background:var(--gradient-accent);border-color:#0000;box-shadow:0 2px 12px #6c5ce759}.setup-step{gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.setup-step:last-child{margin-bottom:0}.step-number{background:var(--accent-100);width:32px;min-width:32px;height:32px;color:var(--accent-300);font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;margin-top:2px;font-weight:700;display:flex}.step-content{flex:1;min-width:0}.step-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:600}.step-description{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.6}.app-options{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}@media (max-width:480px){.app-options{grid-template-columns:1fr}}.app-option-card{border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-4);background:var(--bg-elevated);transition:border-color var(--transition), background var(--transition);cursor:pointer}.app-option-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.app-option-card.selected{border-color:var(--border-accent);background:var(--accent-50)}.app-option-name{font-size:var(--text-xs);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.app-option-desc{font-size:var(--text-2xs);color:var(--text-secondary);line-height:1.5}.app-option-badge{border-radius:var(--radius-pill);background:var(--accent-100);color:var(--accent-300);margin-left:var(--space-2);vertical-align:middle;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.step-actions{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.step-actions .btn-primary,.step-actions .btn-outline{font-size:var(--text-xs);align-items:center;gap:var(--space-2);width:fit-content;padding:10px 20px;text-decoration:none;display:inline-flex}.step-note{font-size:var(--text-2xs);color:var(--text-tertiary);margin-top:var(--space-2);line-height:1.5}.app-selector{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.app-selector-btn{border-radius:var(--radius-pill);font-size:var(--text-2xs);color:var(--text-secondary);border:1px solid var(--border-medium);transition:all var(--transition);cursor:pointer;background:0 0;padding:6px 14px;font-weight:500}.app-selector-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.app-selector-btn.active{color:var(--accent-300);border-color:var(--border-accent);background:var(--accent-50)}@keyframes wizard-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes wizard-modal-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.wizard-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.25s ease-out wizard-overlay-in;display:flex;position:fixed;inset:0}.wizard-modal{background:var(--bg-page);border:1px solid var(--border-accent);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;padding:var(--space-6);animation:.3s cubic-bezier(.16,1,.3,1) wizard-modal-in;overflow-y:auto;box-shadow:0 24px 64px #00000080}.wizard-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.wizard-title{font-size:var(--text-sm);color:#fff;text-align:center;flex:1;margin:0;font-weight:600}.wizard-close-btn,.wizard-back-btn{border:1px solid var(--border-strong);background:var(--bg-elevated);width:36px;min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.wizard-close-btn:hover{color:var(--text-primary);border-color:#fff3}.wizard-back-btn:hover{color:var(--error);border-color:var(--error)}.wizard-progress{margin-bottom:var(--space-6);align-items:center;gap:0;display:flex}.wizard-progress-step{align-items:center;gap:6px;display:flex}.wizard-progress-dot{background:var(--bg-elevated);border:2px solid var(--border-strong);width:26px;min-width:26px;height:26px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .3s;display:flex}.wizard-progress-dot.active{background:var(--accent-100);border-color:var(--accent-400);color:var(--accent-300)}.wizard-progress-dot.done{background:var(--accent-400);border-color:var(--accent-400);color:#fff}.wizard-progress-label{font-size:var(--text-2xs);color:var(--text-tertiary);white-space:nowrap;font-weight:500;transition:color .3s}.wizard-progress-label.active{color:var(--text-secondary)}.wizard-progress-line{background:var(--border-strong);border-radius:1px;flex:1;min-width:16px;height:2px;margin:0 6px;transition:background .3s}.wizard-progress-line.active{background:var(--accent-400)}.wizard-step-container{min-height:160px}.wizard-step-body{gap:var(--space-4);display:flex}.step-number-large{background:var(--gradient-accent);color:#fff;width:36px;min-width:36px;height:36px;font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:0 4px 16px #6c5ce74d}.wizard-step-content{flex:1;min-width:0}.wizard-download-buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.wizard-download-btn{align-items:center;gap:var(--space-2);flex:1;justify-content:center;min-width:0;text-decoration:none;display:inline-flex;font-size:var(--text-xs)!important;padding:12px 20px!important}.wizard-alt-app-link{color:var(--text-tertiary);font-size:var(--text-2xs);cursor:pointer;text-underline-offset:2px;transition:color var(--transition);background:0 0;border:none;margin-top:12px;padding:0;text-decoration:underline}.wizard-alt-app-link:hover{color:var(--text-secondary)}.wizard-check-done{font-size:var(--text-2xs);color:var(--success);align-items:center;gap:8px;margin-bottom:8px;font-weight:500;display:flex}.wizard-nav{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light);justify-content:flex-end;display:flex}.wizard-next-btn{align-items:center;gap:var(--space-2);display:inline-flex;font-size:var(--text-xs)!important;padding:10px 28px!important}@keyframes wizard-mobile-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.wizard-overlay{align-items:stretch;padding:0}.wizard-modal{max-width:none;min-height:100vh;max-height:none;padding:var(--space-4);border:none;border-radius:0;animation:.35s cubic-bezier(.16,1,.3,1) wizard-mobile-slide-up}.wizard-next-btn{justify-content:center;width:100%;font-size:var(--text-sm)!important;padding:14px 28px!important}.wizard-download-buttons{flex-direction:column}.wizard-download-btn{flex:none;width:100%}.wizard-step-body{gap:var(--space-3)}.step-number-large{width:32px;min-width:32px;height:32px;font-size:var(--text-2xs)}.wizard-progress-label{display:none}.wizard-progress-step{gap:0}.wizard-progress-dot{width:28px;min-width:28px;height:28px;font-size:11px}.wizard-progress-line{min-width:24px;margin:0 6px}.wizard-progress,.platform-tabs{justify-content:center}.platform-tab{font-size:var(--text-2xs);padding:6px 14px}}@media (max-width:480px){.page-header{gap:var(--space-3);flex-direction:column!important;align-items:flex-start!important}.page-title{font-size:var(--text-lg)}.dashboard-content{padding:var(--space-8) var(--space-4)}.device-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);flex-direction:column}.device-row>div:last-child{flex-wrap:wrap;justify-content:flex-start;width:100%;gap:var(--space-2)!important}.device-name{font-size:var(--text-xs)}.device-meta{font-size:var(--text-2xs)}}.setup-panel{border-radius:var(--radius-xl);padding:var(--space-8);margin-top:var(--space-6);background:linear-gradient(165deg,#6c5ce70f 0%,#ffffff05 50%,#6c5ce708 100%);border:1px solid #6c5ce733;animation:.4s cubic-bezier(.16,1,.3,1) setup-panel-in;position:relative;overflow:hidden}.setup-panel:before{content:"";pointer-events:none;background:radial-gradient(#6c5ce71a 0%,#0000 70%);width:400px;height:300px;position:absolute;top:-60%;left:50%;transform:translate(-50%)}@keyframes setup-panel-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.setup-panel-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex;position:relative}.setup-panel-title{font-size:var(--text-lg);color:#fff;letter-spacing:-.3px;margin:0;font-weight:600}.app-choice-row{gap:var(--space-3);margin-bottom:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#ffffff08;padding:4px;display:flex;position:relative}.app-choice-btn{border-radius:calc(var(--radius-lg) - 2px);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);background:0 0;border:2px solid #0000;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:14px 16px;transition:all .25s;display:flex;position:relative}.app-choice-btn:hover{color:var(--text-primary);background:#ffffff08}.app-choice-btn.active{border-color:var(--accent-400);color:#fff;background:#6c5ce71a;box-shadow:0 0 20px #6c5ce726}.app-choice-name{font-weight:600}.app-choice-badge{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-pill);letter-spacing:.02em;padding:2px 10px;font-size:10px;font-weight:600}.setup-steps{flex-direction:column;gap:0;padding-left:16px;display:flex;position:relative}.setup-steps:before{content:"";background:linear-gradient(to bottom, var(--accent-400), #6c5ce726);border-radius:1px;width:2px;position:absolute;top:20px;bottom:20px;left:31px}.setup-step{gap:var(--space-5);padding:var(--space-5) var(--space-5) var(--space-5) var(--space-4);border-radius:var(--radius-lg);opacity:0;background:0 0;border:none;animation:.35s ease-out forwards step-in;display:flex;position:relative}.setup-step+.setup-step{margin-top:var(--space-2)}@keyframes step-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.setup-step+.setup-step{animation-delay:.1s}.setup-step-number{background:var(--gradient-accent);color:#fff;width:34px;min-width:34px;height:34px;font-weight:700;font-size:var(--text-xs);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 16px #6c5ce759}.setup-step-body{flex:1;min-width:0}.setup-step-title{font-size:var(--text-base);color:#fff;margin-bottom:var(--space-2);letter-spacing:-.2px;font-weight:600}.setup-step-desc{color:var(--text-secondary);font-size:var(--text-xs);margin-bottom:var(--space-4);line-height:1.6}.setup-step-links{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.setup-download-btn{align-items:center;gap:var(--space-2);font-size:var(--text-xs);transition:all var(--transition);padding:10px 20px;text-decoration:none;display:inline-flex;border:1px solid var(--border-strong)!important;color:var(--text-primary)!important;background:0 0!important}.setup-download-btn:hover{border-color:var(--accent-400)!important;color:var(--accent-300)!important;box-shadow:none!important;background:#6c5ce714!important;transform:none!important}.setup-next-btn{font-size:var(--text-xs);margin-top:var(--space-1);padding:10px 24px}.setup-import-btn{align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding:14px 28px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 6px 24px #6c5ce74d}.setup-done-hint{align-items:center;gap:var(--space-3);margin-top:var(--space-4);border-radius:var(--radius-md);color:var(--success);font-size:var(--text-xs);background:#34d3990f;border:1px solid #34d3991f;padding:12px 16px;line-height:1.5;display:flex}.setup-check-done{color:var(--success);font-size:var(--text-xs);margin-bottom:var(--space-2);font-weight:500}.wg-badge,.wg-download-btn{background:linear-gradient(135deg,#10b981,#059669)!important}.wg-download-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important}.wg-config-details{margin-top:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border-default);overflow:hidden}.wg-config-summary{cursor:pointer;color:var(--text-muted);font-size:var(--text-xs);-webkit-user-select:none;user-select:none;padding:10px 14px}.wg-config-summary:hover{color:var(--text-primary)}.wg-config-block{color:var(--text-primary);font-size:var(--text-xs);white-space:pre;border-top:1px solid var(--border-default);background:#0000004d;margin:0;padding:14px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;line-height:1.6;overflow-x:auto}.wg-copy-btn{border-top:1px solid var(--border-default);width:100%;font-size:var(--text-xs);border-radius:0;padding:8px 14px}.wg-instructions{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.wg-instruction-item{gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);align-items:baseline;line-height:1.6;display:flex}.wg-instruction-num{color:var(--accent-300);flex-shrink:0;min-width:20px;font-weight:700}.wg-instruction-item strong{color:var(--text-primary);font-weight:600}.btn-link.setup-skip-btn{margin-top:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline;display:inline-block}.btn-link.setup-skip-btn:hover{color:var(--text-primary)}.wiz-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.wiz-modal{background:var(--bg-page);border-radius:var(--radius-xl);width:100%;max-width:580px;padding:var(--space-6);border:1px solid #6c5ce740;flex-direction:column;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 60px #6c5ce714}.wiz-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.wiz-header-center{text-align:center;flex:1}.wiz-title{font-size:var(--text-sm);color:#fff;letter-spacing:-.2px;font-weight:600}.wiz-nav-btn{border:1px solid var(--border-strong);background:var(--bg-elevated);width:36px;min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.wiz-nav-btn:hover{color:var(--text-primary);background:#ffffff0f;border-color:#fff3}.wiz-dots{margin-bottom:var(--space-6);padding:0 var(--space-4);justify-content:center;align-items:center;gap:0;display:flex}.wiz-dot-group{align-items:center;gap:6px;display:flex}.wiz-dot{border:2px solid var(--border-strong);background:var(--bg-elevated);width:28px;min-width:28px;height:28px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .3s;display:flex}.wiz-dot.active{border-color:var(--accent-400);color:var(--accent-300);background:#6c5ce726;box-shadow:0 0 12px #6c5ce74d}.wiz-dot.done{border-color:var(--success);color:var(--success);background:#34d39926}.wiz-dot-label.done{color:var(--success)}.wiz-dot-label{color:var(--text-tertiary);white-space:nowrap;font-size:11px;font-weight:500;transition:color .3s}.wiz-dot-label.active{color:var(--text-secondary)}.wiz-dot-line{background:var(--border-strong);border-radius:1px;width:28px;height:2px;margin:0 4px;transition:background .3s}.wiz-dot-line.done{background:var(--success)}.wiz-content{flex:1;min-height:340px;overflow-y:auto}.wiz-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:340px;display:flex}@keyframes wiz-page-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.wiz-page-icon{margin-bottom:var(--space-4)}.wiz-page-title{font-size:var(--text-lg);color:#fff;letter-spacing:-.3px;margin-bottom:var(--space-2);font-weight:600}.wiz-page-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.5}.wiz-platform-switch{gap:var(--space-2);margin-top:var(--space-2);justify-content:center;display:flex}.wiz-platform-btn{color:var(--accent-300);cursor:pointer;text-underline-offset:2px;transition:color var(--transition);background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.wiz-platform-btn:hover{color:var(--accent-400)}.wiz-platform-cards{gap:var(--space-3);grid-template-columns:1fr 1fr;width:100%;display:grid}.wiz-platform-card{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border:2px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;text-align:center;flex-direction:column;transition:all .25s;display:flex}.wiz-platform-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.wiz-platform-card.selected{border-color:var(--accent-400);background:#8b5cf614;box-shadow:0 0 16px #8b5cf626}.wiz-platform-card-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.wiz-platform-card-desc{font-size:var(--text-xs);color:var(--text-secondary);opacity:.7;line-height:1.3}.wiz-app-cards{gap:var(--space-4);grid-template-columns:1fr 1fr;width:100%;display:grid}.wiz-app-card{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);border:2px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;text-align:center;flex-direction:column;transition:all .25s;display:flex;position:relative}.wiz-app-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.wiz-app-card.selected{border-color:var(--accent-400);background:#6c5ce714;box-shadow:0 0 24px #6c5ce726}.wiz-app-card-badge{background:var(--gradient-accent);color:#fff;border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.02em;padding:3px 12px;font-size:10px;font-weight:600;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.wiz-app-card-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.wiz-app-card-desc{font-size:var(--text-2xs);color:var(--text-secondary);line-height:1.5}.wiz-download-list{gap:var(--space-3);flex-direction:column;width:100%;max-width:320px;display:flex}.wiz-download-link{align-items:center;gap:var(--space-3);padding:14px var(--space-5);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition);font-weight:500;text-decoration:none;display:flex}.wiz-download-link:hover{border-color:var(--accent-400);color:var(--accent-300);background:#6c5ce70f}.wiz-connect-btn{align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding:16px 32px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 8px 32px #6c5ce759}.wiz-connect-icon{width:64px;height:64px;color:var(--success);background:#34d3991a;border:2px solid #34d39933;border-radius:50%;justify-content:center;align-items:center;display:flex}.wiz-hint{align-items:flex-start;gap:var(--space-2);margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--text-2xs);text-align:left;background:#ffffff08;max-width:360px;line-height:1.5;display:flex}.wiz-hint.red{color:var(--error)}.wiz-hint svg{flex-shrink:0;margin-top:1px}.wiz-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light);justify-content:center;display:flex}.wiz-footer-btn{align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:12px 32px;display:inline-flex}@media (max-width:640px){.wiz-overlay{align-items:flex-end;padding:0}.wiz-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:none;max-height:90dvh;padding:var(--space-5);padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom,0px));border-bottom:none;animation-name:wiz-slide-up-mobile}.wiz-page{min-height:280px}@keyframes wiz-slide-up-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.wiz-dot-label{display:none}.wiz-platform-cards{gap:var(--space-2)}.wiz-platform-card{padding:var(--space-3) var(--space-2)}.wiz-app-cards{gap:var(--space-3)}.wiz-app-card{padding:var(--space-4) var(--space-3)}.wiz-footer-btn,.wiz-connect-btn{justify-content:center;width:100%}.wiz-download-list{max-width:none}}.add-device-form{padding:var(--space-4);margin-bottom:var(--space-3);border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-default)}.add-device-input{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-input);width:100%;color:var(--text-primary);font-size:var(--text-xs);margin-bottom:var(--space-3);outline:none;padding:10px 14px}.add-device-input:focus{border-color:var(--accent-400)}.add-device-actions{gap:var(--space-2);justify-content:flex-end;display:flex}@media (max-width:640px){.setup-panel{padding:var(--space-5);margin-top:var(--space-4)}.setup-panel-title{font-size:var(--text-base)}.app-choice-row{gap:var(--space-2)}.app-choice-btn{font-size:var(--text-xs);padding:10px 14px}.setup-steps{padding-left:0}.setup-steps:before{left:15px}.setup-step{gap:var(--space-3);padding:var(--space-4) var(--space-3)}.setup-step-number{width:30px;min-width:30px;height:30px;font-size:var(--text-2xs)}.setup-step-title{font-size:var(--text-sm)}.setup-step-links{flex-direction:column}.setup-download-btn{justify-content:center;width:100%}.setup-import-btn{width:100%;font-size:var(--text-xs);justify-content:center;padding:14px 16px}.setup-next-btn{text-align:center;width:100%}.wg-instruction-item{font-size:var(--text-xs)}.wg-config-block{padding:10px;font-size:11px}.wg-config-details{margin-top:var(--space-2)}.setup-done-hint{font-size:var(--text-2xs);padding:8px 10px}.platform-tabs{-webkit-overflow-scrolling:touch;gap:var(--space-1);padding-bottom:var(--space-1);overflow-x:auto}.platform-tab{white-space:nowrap;font-size:var(--text-2xs);flex-shrink:0;padding:6px 12px}}