.nav{position:sticky;top:0;background:var(--bg);z-index:100}.nav-inner{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem}.logo-text{font-family:var(--mono);font-size:.9rem;font-weight:600;letter-spacing:-.02em}.nav-actions{display:flex;gap:.8rem}.hero{padding:5rem 3rem}.hero-content{max-width:800px}.kicker{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.hero-title{font-size:clamp(2.8rem,6.6vw,5.6rem);font-weight:700;letter-spacing:-.04em;line-height:1.03;margin-bottom:1.5rem}.hero-sub{color:var(--muted);font-size:1.15rem;line-height:1.6;max-width:56ch;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem}.modules{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border-top:1px solid var(--hairline)}.module{padding:1.5rem;border-inline-end:1px solid var(--hairline);position:relative;transition:background .4s var(--ease)}.module:last-child{border-inline-end:none}.module.active{background:var(--panel)}.module.active:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-bright)}.module-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.module-name{font-family:var(--display);font-weight:600;font-size:1.1rem;margin-bottom:.3rem}.module-capability{font-size:.85rem;color:var(--muted)}.section-header{padding:2.5rem 3rem 1.5rem}.section-header h2{font-size:clamp(1.8rem,3.4vw,2.7rem);letter-spacing:-.03em;margin-top:.5rem}.stats .cell{padding:2.5rem 1.7rem;text-align:center}.stat-number{font-family:var(--display);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-number .accent{color:var(--accent);font-style:normal}.cta{text-align:center;padding:5rem 3rem}.cta-content h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.cta-content p{color:var(--muted);font-size:1.15rem;margin-bottom:2rem}.footer{padding:3rem}.footer-content{display:flex;justify-content:space-between;gap:4rem}.footer-brand{flex:1}.footer-tagline{color:var(--muted);font-size:.9rem;margin-top:.5rem}.footer-links{display:flex;gap:3rem}.footer-col{display:flex;flex-direction:column;gap:.8rem}.footer-col .label{margin-bottom:.3rem}.footer-col a{color:var(--muted);font-size:.9rem;transition:color .3s var(--ease)}.footer-col a:hover{color:var(--accent)}@media (max-width: 768px){.hero{padding:3rem 1.5rem}.hero-title{font-size:2.2rem}.hero-actions{flex-direction:column}.modules{grid-template-columns:1fr}.module{border-inline-end:none;border-bottom:1px solid var(--hairline)}.module:last-child{border-bottom:none}.footer-content{flex-direction:column;gap:2rem}.footer-links{flex-direction:column;gap:1.5rem}}:root{--accent-hover: var(--accent)}body{transition:background .3s ease,color .3s ease}.btn-gold{background:var(--ink);color:var(--bg);border:1px solid var(--ink);padding:.7rem 1.5rem;border-radius:8px;font-family:var(--display);font-weight:600;cursor:pointer;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--accent-wash),0 2px 8px var(--shadow)}.btn-outline-gold{background:var(--panel);color:var(--ink);border:1px solid var(--hairline);padding:.7rem 1.5rem;border-radius:8px;font-family:var(--display);font-weight:600;cursor:pointer;transition:all .3s var(--ease)}.btn-outline-gold:hover{border-color:var(--accent);background:var(--accent-wash);color:var(--accent)}.card-premium{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;box-shadow:0 4px 12px var(--shadow);transition:all .3s ease}.card-premium:hover{box-shadow:0 8px 24px var(--shadow-strong);transform:translateY(-4px)}.accent-line{height:2px;background:linear-gradient(90deg,var(--accent-bright) 0%,transparent 100%);margin:1rem 0}.theme-toggle{width:38px;height:38px;background:var(--panel);border:1px solid var(--hairline);border-radius:8px;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease),background .3s var(--ease);flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.frame>.theme-toggle{position:absolute;top:1.4rem;right:7.5rem;z-index:1000}.dashboard{min-height:100vh;background:var(--bg)}.dashboard-sidebar{background:var(--surface);border-right:1px solid var(--border);box-shadow:4px 0 12px var(--shadow)}.sidebar-header{padding:2rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%)}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-gold) 0%,var(--gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border:none;background:transparent;color:var(--text-secondary);width:100%;text-align:left;cursor:pointer;transition:all .3s ease;font-size:1rem;border-left:3px solid transparent}.nav-item:hover{background:var(--bg);color:var(--text);border-left-color:var(--accent)}.nav-item.active{background:var(--bg);color:var(--accent);border-left-color:var(--accent);font-weight:600}.message{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all .3s ease}.message:hover{box-shadow:0 4px 12px var(--shadow);border-color:var(--accent)}.message-badge{background:var(--accent);color:var(--black);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;display:inline-block}.input-premium{background:var(--surface);border:2px solid var(--border);border-radius:8px;padding:.75rem;color:var(--text);width:100%;font-size:1rem;transition:all .3s ease}.input-premium:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse-gold 2s infinite}@keyframes pulse-gold{0%,to{opacity:1;box-shadow:0 0 8px var(--accent)}50%{opacity:.5;box-shadow:0 0 16px var(--accent)}}.remote-prompt-container{background:linear-gradient(135deg,var(--surface) 0%,var(--bg) 100%);border:2px solid var(--accent);border-radius:12px;padding:1.5rem;margin-top:1rem}.remote-prompt-label{display:flex;align-items:center;gap:.5rem;color:var(--accent);font-weight:600}.participant-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}.participant-card:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--shadow)}.participant-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-gold) 0%,var(--gold-dark) 100%);display:flex;align-items:center;justify-content:center;color:var(--black);font-weight:700}.hero-section{position:relative;overflow:hidden}.hero-content{z-index:10;position:relative;max-width:56%}.hero-art{position:absolute;top:50%;right:3%;translate:0 -50%;height:82%;max-height:580px;width:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}@media (max-width: 1100px){.hero-content{max-width:64%}.hero-art{height:68%;right:1%;opacity:.85}}@media (max-width: 820px){.hero-content{max-width:100%}.hero-art{display:none}}.hero-title{font-family:var(--display);font-size:clamp(2.8rem,6.6vw,5.2rem);font-weight:700;letter-spacing:-.04em;line-height:1.03;margin-bottom:1.25rem;color:var(--ink)}.hero-title .accent{color:var(--accent)}.hero-subtitle{font-size:1.15rem;color:var(--muted);max-width:56ch;margin-bottom:2rem}.animated-bg{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05;pointer-events:none}.gold-circle{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--primary-gold) 0%,transparent 70%);animation:float 20s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,50px) scale(1.1)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}.card-premium,.message,.participant-card,.remote-prompt-container,.session-item,.key-card,.method-card,.step-card,.connection-item,.modal,.info-box,.code-block,.code-block-container,.key-display,.error-banner,.success-banner{border-radius:0!important}.btn-gold,.btn-outline-gold,.btn-ink,.btn-quiet,.btn-icon,.input,.input-premium,input,textarea,select,.badge,.tag{border-radius:8px}.status-dot,.status-indicator,.participant-avatar{border-radius:50%}.auth{display:flex;height:100vh;overflow:hidden}.auth-identity{flex:0 0 44%;background:var(--bg);border-inline-end:1px solid var(--hairline);display:flex;flex-direction:column;padding:3rem;position:relative;overflow:hidden}.auth-art{position:absolute;top:50%;right:-4%;translate:0 -50%;width:52%;max-width:340px;height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;opacity:.92}.auth-identity>*:not(.auth-art){position:relative;z-index:1}@media (max-width: 968px){.auth-art{display:none}}.auth-brand{margin-bottom:2rem}.auth-filler{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:480px}.auth-quote{font-size:1.1rem;line-height:1.6;color:var(--muted);font-style:italic;margin-bottom:1rem}.auth-quote+cite{font-family:var(--mono);font-size:.8rem;color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-style:normal}.auth-headline{margin-bottom:2rem}.auth-headline h1{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1}.auth-headline .accent{color:var(--accent)}.auth-stats{display:flex;gap:2rem;padding-top:2rem;border-top:1px solid var(--hairline)}.auth-stat{flex:1}.auth-stat .stat-number{font-family:var(--display);font-size:1.8rem;font-weight:700;margin-bottom:.3rem}.auth-stat .stat-number em{color:var(--accent);font-style:normal}.auth-form-panel{flex:1;height:100vh;overflow-y:auto;background:var(--panel);display:flex;align-items:center;justify-content:center;padding:3rem}.auth-form-container{width:100%;max-width:440px}.auth-form-header{margin-bottom:2.5rem}.auth-form-header h2{font-size:2rem;margin-bottom:.5rem}.auth-form-header p{color:var(--muted);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.input{font-family:var(--mono);font-size:.9rem;padding:.9rem 1rem;border:1px solid var(--hairline);border-radius:8px;background:var(--bg);color:var(--ink);transition:all .3s var(--ease)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.field-hint{font-size:.8rem;color:var(--faint)}.field-hint a{color:var(--accent);text-decoration:underline}.btn-full{width:100%;padding:1rem;font-size:1rem}.btn-ink:disabled{opacity:.5;cursor:not-allowed}.error-banner{background:#b045451a;border:1px solid #B04545;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#b04545;font-size:.9rem}.dark .error-banner{background:#ef44441a;border-color:#ef4444;color:#fca5a5}.divider{position:relative;text-align:center;margin:2rem 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--hairline)}.divider .label{position:relative;background:var(--panel);padding:0 1rem;z-index:1}.auth-alt{display:flex;flex-direction:column;gap:1rem;text-align:center}.auth-alt p{color:var(--muted);font-size:.9rem}.auth-links{display:flex;justify-content:center;gap:1rem;margin-top:2rem;font-size:.85rem}.auth-links a{color:var(--muted);transition:color .3s var(--ease)}.auth-links a:hover{color:var(--accent)}.auth-links span{color:var(--hairline)}@media (max-width: 968px){.auth{flex-direction:column}.auth-identity{flex:0 0 auto;min-height:40vh;border-inline-end:none;border-bottom:1px solid var(--hairline)}.auth-form-panel{height:auto;min-height:60vh}.auth-stats{display:none}}.auth-form-card{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}.dashboard{display:flex;height:100vh;background:var(--bg)}.dashboard-sidebar{width:320px;border-inline-end:1px solid var(--hairline);background:var(--panel);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center}.btn-icon{width:32px;height:32px;border-radius:6px;background:transparent;border:1px solid var(--hairline);color:var(--muted);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease)}.btn-icon:hover{background:var(--accent-wash);border-color:var(--accent);color:var(--accent)}.sidebar-actions{padding:1.5rem;border-bottom:1px solid var(--hairline)}.sidebar-section{padding:1.5rem;flex:1}.sidebar-section>.label{display:block;margin-bottom:1rem}.session-list{display:flex;flex-direction:column;gap:.5rem}.session-item{padding:1rem;border:1px solid var(--hairline);border-radius:8px;cursor:pointer;transition:all .3s var(--ease)}.session-item:hover{background:var(--bg);border-color:var(--accent)}.session-item.active{background:var(--accent-wash);border-color:var(--accent)}.session-name{font-weight:600;margin-bottom:.3rem}.session-meta{display:flex;gap:1rem}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.empty-state h2{margin-bottom:.5rem}.session-header{padding:2rem;border-bottom:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:flex-start}.session-header h1{font-size:1.8rem;margin-bottom:.3rem}.session-description{color:var(--muted);font-size:.9rem}.session-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-value{display:block;font-family:var(--display);font-size:1.8rem;font-weight:700;color:var(--accent)}.participants-panel{padding:1.5rem 2rem;border-bottom:1px solid var(--hairline)}.participants-panel>.label{display:block;margin-bottom:1rem}.participants-list{display:flex;flex-wrap:wrap;gap:.8rem}.participant{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:var(--panel);border:1px solid var(--hairline);border-radius:8px}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--faint)}.status-indicator.online{background:#10b981;animation:pulse 2.4s cubic-bezier(.4,0,.6,1) infinite}.status-indicator.busy{background:#f59e0b}.participant-name{font-family:var(--mono);font-size:.85rem;font-weight:500}.participant-platform{font-size:.7rem}.messages-panel{flex:1;padding:1.5rem 2rem;overflow-y:auto}.messages-panel>.label{display:block;margin-bottom:1rem}.messages-list{display:flex;flex-direction:column;gap:1rem}.message{padding:1rem;background:var(--panel);border:1px solid var(--hairline);border-radius:8px;position:relative}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.message-from{font-family:var(--mono);font-size:.85rem;font-weight:600;color:var(--accent)}.message-time{font-size:.7rem}.message-content{color:var(--muted);line-height:1.5}.message-badge{position:absolute;top:.5rem;right:.5rem;font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .5rem;background:var(--accent-wash);color:var(--accent);border-radius:4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:2rem;width:90%;max-width:480px;box-shadow:0 20px 40px #0003}.modal h2{margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.loading,.empty{color:var(--muted);font-size:.9rem;text-align:center;padding:2rem}@media (max-width: 968px){.dashboard-sidebar{width:100%;max-width:280px;position:absolute;left:0;top:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .3s var(--ease)}.dashboard-sidebar.open{transform:translate(0)}}.connections-container{padding:2rem;max-width:1200px}.page-header{margin-bottom:3rem}.page-description{color:var(--muted);font-size:1rem;margin-top:.5rem}.connection-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.method-card{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:2rem;text-align:center;transition:all .3s var(--ease)}.method-card:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--accent-wash);transform:translateY(-2px)}.method-icon{font-size:3rem;margin-bottom:1rem}.method-card h3{font-size:1.2rem;margin-bottom:.5rem}.method-card p{color:var(--muted);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.quick-start-section{margin-bottom:3rem}.quick-start-section h2{font-size:1.5rem;margin-bottom:1.5rem}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.step-card{display:flex;gap:1rem;background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:1.5rem}.step-number{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:1.2rem;flex-shrink:0}.step-content h4{font-size:1rem;margin-bottom:.3rem}.step-content p{color:var(--muted);font-size:.85rem;line-height:1.5}.sessions-section{margin-bottom:3rem}.sessions-section h2{font-size:1.5rem;margin-bottom:1.5rem}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.session-card{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:1.5rem}.session-card h4{font-size:1.1rem;margin-bottom:.5rem}.session-card p{color:var(--muted);font-size:.9rem;margin-bottom:1rem}.session-stats{display:flex;gap:1rem;margin-bottom:1rem}.config-section{margin-bottom:1.5rem}.code-block-container{position:relative;margin-top:.5rem}.code-block{font-family:var(--mono);font-size:.8rem;background:var(--bg);border:1px solid var(--hairline);border-radius:8px;padding:1rem;overflow-x:auto;color:var(--muted);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--panel);border:1px solid var(--hairline);padding:.3rem .6rem;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s var(--ease)}.copy-btn:hover{background:var(--accent-wash);border-color:var(--accent)}.connection-list{display:flex;flex-direction:column;gap:.5rem}.connection-item{padding:.8rem;background:var(--panel);border:1px solid var(--hairline);border-radius:8px;cursor:pointer;transition:all .2s var(--ease)}.connection-item:hover{border-color:var(--accent);background:var(--accent-wash)}.connection-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.connection-name{font-weight:600;font-size:.9rem}.connection-platform{font-size:.75rem;margin-bottom:.3rem}.connection-task{font-size:.75rem;color:var(--accent);font-style:italic;margin-top:.3rem}.status-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator.connected{background:#10b981;box-shadow:0 0 8px #10b98180}.status-indicator.disconnected{background:var(--muted)}.status-indicator.connecting{background:#f59e0b;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 968px){.connection-methods,.steps-container,.session-grid{grid-template-columns:1fr}}.sidebar-nav{padding:0 1rem;border-bottom:1px solid var(--hairline)}.nav-item{width:100%;padding:.9rem 1rem;border:none;background:transparent;text-align:left;color:var(--muted);font-size:.9rem;display:flex;align-items:center;gap:.7rem;border-radius:6px;cursor:pointer;transition:all .3s var(--ease);margin-bottom:.3rem}.nav-item span{font-size:1.1rem}.nav-item:hover{background:var(--bg);color:var(--ink)}.nav-item.active{background:var(--accent-wash);color:var(--accent);font-weight:600}.keys-panel{padding:2rem;flex:1}.keys-list{display:flex;flex-direction:column;gap:1rem}.key-card{background:var(--panel);border:1px solid var(--hairline);border-radius:12px;padding:1.5rem;transition:all .3s var(--ease)}.key-card:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--accent-wash)}.key-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.key-info{flex:1}.key-label{font-family:var(--display);font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.key-prefix{font-family:var(--mono);font-size:.85rem;color:var(--muted)}.key-prefix code{background:var(--bg);padding:.2rem .5rem;border-radius:4px}.key-status{display:flex;gap:.5rem}.badge{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:.3rem .7rem;border-radius:4px;font-weight:600}.badge-success{background:#10b9811a;color:#10b981}.badge-danger{background:#ef44441a;color:#ef4444}.key-permissions{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--hairline)}.permission-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-family:var(--mono);font-size:.75rem;padding:.3rem .7rem;background:var(--bg);border:1px solid var(--hairline);border-radius:6px;color:var(--muted)}.tag-admin{background:var(--accent-wash);border-color:var(--accent);color:var(--accent)}.key-meta{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem;font-size:.85rem}.key-actions{display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--hairline)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.modal-lg{max-width:600px}.modal-subtitle{color:var(--muted);font-size:.9rem;margin-bottom:2rem}.checkbox-group{display:flex;flex-direction:column;gap:1rem}.checkbox-label{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:.2rem;width:18px;height:18px;cursor:pointer}.checkbox-label span{flex:1;font-size:.9rem;color:var(--muted)}.success-banner{background:#10b9811a;border:1px solid #10B981;border-radius:8px;padding:1rem;margin-bottom:1.5rem;color:#10b981;font-size:.9rem}.dark .success-banner{background:#10b98114;color:#34d399}.key-display{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--hairline);border-radius:8px;padding:1rem;font-family:var(--mono);font-size:.85rem;word-break:break-all}.key-display code{flex:1;color:var(--accent)}.info-box{background:var(--bg);border:1px solid var(--hairline);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.info-box p{margin-bottom:1rem;color:var(--muted)}.code-block{font-family:var(--mono);font-size:.8rem;background:var(--panel);border:1px solid var(--hairline);border-radius:6px;padding:1rem;overflow-x:auto;color:var(--muted);line-height:1.6}.code-inline{font-family:var(--mono);background:var(--bg);padding:.2rem .4rem;border-radius:3px;font-size:.85em;color:var(--accent)}.onboarding-steps{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.step{display:flex;gap:1rem;align-items:flex-start}.step-number{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;flex-shrink:0}.step-content{flex:1}.step-content h3{font-size:1rem;margin-bottom:.3rem}.step-content p{color:var(--muted);font-size:.9rem;line-height:1.5}.step-content a{color:var(--accent);text-decoration:underline}.auth-actions{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}:root{--bg: #FAFAF7;--panel: #FFFFFF;--ink: #141419;--muted: #5c5c66;--faint: #9a9aa3;--hairline: rgba(20, 20, 25, .1);--hairline-soft: rgba(20, 20, 25, .05);--accent: #8A6A38;--accent-bright: #C8A565;--accent-wash: rgba(200, 165, 101, .12);--surface: var(--panel);--text: var(--ink);--text-secondary: var(--muted);--border: var(--hairline);--primary-gold: var(--accent-bright);--gold-dark: var(--accent);--gold-light: #E2CB97;--black: #0A0A0A;--shadow: rgba(20, 20, 25, .1);--shadow-strong: rgba(20, 20, 25, .18);--display: "Space Grotesk", -apple-system, system-ui, sans-serif;--body: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "Courier New", monospace;--ease: cubic-bezier(.16, 1, .3, 1)}.dark,[data-theme=dark]{--bg: #100F0D;--panel: #181613;--ink: #EDEAE3;--muted: #A8A39A;--faint: #6E6A62;--hairline: rgba(237, 234, 227, .11);--hairline-soft: rgba(237, 234, 227, .05);--accent: #C8A565;--accent-bright: #D9BC83;--accent-wash: rgba(200, 165, 101, .08);--surface: var(--panel);--text: var(--ink);--text-secondary: var(--muted);--border: var(--hairline);--shadow: rgba(0, 0, 0, .4);--shadow-strong: rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6;font-size:1rem}#root{min-height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--display);font-weight:700;line-height:1.1;letter-spacing:-.03em}button{font-family:inherit;border:none;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.frame{max-width:1280px;margin:0 auto;border-inline-start:1px solid var(--hairline);border-inline-end:1px solid var(--hairline);background:var(--bg);min-height:100vh}.row{border-bottom:1px solid var(--hairline);position:relative}.row-pad{padding:3.2rem 3rem}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.cell{position:relative;border-inline-end:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:1.9rem 1.7rem;background:transparent;transition:background .4s ease;display:flex;flex-direction:column}.cell:hover{background:var(--panel)}.cell:after{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent-bright);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.cell:hover:after{transform:scaleX(1)}.grid-2>.cell:nth-child(2n),.grid-3>.cell:nth-child(3n),.grid-4>.cell:nth-child(4n){border-inline-end:none}.btn-ink{font-family:var(--display);font-weight:600;font-size:.9rem;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:8px;padding:.6rem 1.4rem;cursor:pointer;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.btn-ink:hover{box-shadow:0 6px 24px var(--accent-wash),0 2px 8px #14141933;transform:translateY(-2px)}.dark .btn-ink{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-quiet{background:var(--panel);border:1px solid var(--hairline);border-radius:8px;padding:.8rem 1.5rem;color:var(--ink);font-weight:500;transition:all .3s var(--ease)}.btn-quiet:hover{border-color:var(--accent);background:var(--accent-wash)}.label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;color:var(--faint);font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-bright);animation:pulse 2.4s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-wash)}50%{box-shadow:0 0 0 8px transparent}}@media (max-width: 768px){.frame{border-inline:none}.row-pad{padding:2rem 1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.cell{border-inline-end:none!important}}.grid>.cell,.grid>.card-premium{border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;padding:1.9rem 1.7rem;margin:0;border:0;border-inline-end:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.grid>.cell:hover,.grid>.card-premium:hover{background:var(--panel)!important;transform:none!important;box-shadow:none!important}.grid{gap:0!important}.grid-2>*:nth-child(2n),.grid-3>*:nth-child(3n),.grid-4>*:nth-child(4n){border-inline-end:none!important}.cell .tick,.cell:before{content:"";position:absolute;top:-4px;inset-inline-start:-4px;width:9px;height:9px;background:linear-gradient(var(--hairline),var(--hairline)) center / 1px 9px no-repeat,linear-gradient(var(--hairline),var(--hairline)) center / 9px 1px no-repeat;opacity:0;transition:opacity .4s var(--ease);z-index:2;pointer-events:none}.cell:hover:before{opacity:1}.row-index{position:absolute;top:1.2rem;inset-inline-end:3rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;color:var(--faint);text-transform:uppercase}.grid>.cell .accent-line,.grid>.card-premium .accent-line{display:none}