@font-face{font-family:Outfit;src:url("/web/fonts/Outfit-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Outfit;src:url("/web/fonts/Outfit-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Cormorant Garamond;src:url("/web/fonts/CormorantGaramond-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Cormorant Garamond;src:url("/web/fonts/CormorantGaramond-LightItalic.ttf") format("truetype");font-style:italic;font-weight:300;font-display:swap}
:root{--cyan:#00e5ff;--cyan-dim:#00b8d4;--purple:#7c4dff;--purple-deep:#5a2db8;--black:#06080c;--card:#0c1018;--card-hover:#111826;--surface:#141c2a;--elevated:#080b12;--text:#e8ecf2;--secondary:#8a95a8;--muted:#5a6478;--success:#69f0ae;--warning:#ffab00;--danger:#ff5a5a;--sidebar:244px;--topbar:72px;--gradient:linear-gradient(135deg,var(--cyan) 0%,var(--purple) 100%)}
*{box-sizing:border-box}
html{background:var(--black);color:var(--text);font-family:Outfit,sans-serif;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -10%,rgba(124,77,255,.13),transparent 34%),var(--black);font-size:15px;line-height:1.55}
button,input,textarea{font:inherit}
button,a{touch-action:manipulation}
a{color:var(--cyan)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
[hidden]{display:none!important}
.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--cyan);color:var(--black);padding:10px 16px;border-radius:4px}.skip-link:focus{top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);display:flex;flex-direction:column;padding:24px 16px;background:rgba(8,11,18,.98);border-right:1px solid rgba(255,255,255,.06);z-index:30}
.sidebar-brand{display:flex;gap:12px;align-items:center;padding:0 10px 26px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-brand img{width:35px;height:35px;object-fit:contain}.sidebar-brand div{display:flex;flex-direction:column}.sidebar-brand strong{font-size:16px;letter-spacing:.16em}.sidebar-brand span{color:var(--secondary);font-size:12px}
.nav-list{display:grid;gap:6px;margin-top:24px}.nav-item{border:0;background:transparent;color:var(--secondary);text-align:left;padding:12px 14px;border-radius:7px;cursor:pointer;font-weight:600;letter-spacing:.02em;transition:.25s ease}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{color:var(--cyan);background:rgba(0,229,255,.08);box-shadow:inset 2px 0 var(--cyan)}
.sidebar-footer{margin-top:auto;padding:18px 10px 0;border-top:1px solid rgba(255,255,255,.06)}.version-label{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.signout-link,.text-button{border:0;background:none;padding:0;color:var(--cyan);cursor:pointer}.signout-link:hover,.text-button:hover{text-decoration:underline;color:var(--cyan-dim)}
.app-column{min-height:100vh;margin-left:var(--sidebar)}
.topbar{height:var(--topbar);position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:20px;padding:0 clamp(20px,4vw,50px);background:rgba(6,8,12,.9);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(16px)}
.topbar-title{display:flex;flex-direction:column}.topbar-title span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:600}.topbar-title strong{font-size:16px}.topbar-account{margin-left:auto;display:flex;align-items:center;gap:9px;color:var(--secondary);font-size:13px}.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px rgba(105,240,174,.65)}
.menu-button{display:none;background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:8px 11px}
.live-banner{position:sticky;top:var(--topbar);z-index:19;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px clamp(20px,4vw,50px);background:linear-gradient(90deg,rgba(255,90,90,.14),rgba(124,77,255,.14));border-bottom:1px solid rgba(255,90,90,.26);backdrop-filter:blur(16px)}.live-banner>div{display:flex;align-items:center;gap:14px}
.content{width:min(1440px,100%);margin:0 auto;padding:clamp(26px,4vw,56px)}
.page-section{display:none;animation:fadeUp .45s ease both}.page-section.active{display:block}
.hero,.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:32px}.hero h1,.section-header h1{font:400 clamp(38px,5vw,60px)/1.02 "Cormorant Garamond",serif;margin:4px 0 12px}.hero p,.section-header p{color:var(--secondary);max-width:700px;margin:0}.hero em,.section-header em,.login-intro em{font-weight:300;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.overline{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:600;color:var(--cyan)!important;margin:0 0 8px!important}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat-card,.card{position:relative;background:linear-gradient(145deg,rgba(17,24,38,.82),rgba(12,16,24,.95));border:1px solid rgba(255,255,255,.06);border-radius:12px}.stat-card{padding:21px}.stat-card span{display:block;color:var(--secondary);font-size:12px}.stat-card strong{display:block;font:400 27px/1.2 "Cormorant Garamond",serif;margin:7px 0 3px}.stat-card small{color:var(--muted)}
.card{padding:clamp(21px,3vw,30px);overflow:hidden}.card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--gradient);opacity:.45}.card h2{font:400 25px/1.15 "Cormorant Garamond",serif;margin:0 0 10px}.card p{color:var(--secondary)}
.card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.card-heading h2{margin:0}
.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.three-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.card-grid,.vps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:18px}.support-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:4px;border:1px solid transparent;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600;cursor:pointer;transition:.25s ease}.button.primary{background:var(--gradient);color:var(--black)}.button.primary:hover{opacity:.9;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--text);border-color:rgba(255,255,255,.14)}.button.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.button.tertiary{background:transparent;color:var(--cyan);padding-inline:8px}.button.danger{background:rgba(255,90,90,.08);color:var(--danger);border-color:rgba(255,90,90,.24)}.button.compact{min-height:34px;padding:7px 14px}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-pill,.live-pill{display:inline-flex;align-items:center;gap:7px;width:max-content;padding:5px 11px;border-radius:100px;background:rgba(138,149,168,.08);border:1px solid rgba(138,149,168,.22);color:var(--secondary);font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.status-pill.success{color:var(--success);border-color:rgba(105,240,174,.25);background:rgba(105,240,174,.08)}.status-pill.warning{color:var(--warning);border-color:rgba(255,171,0,.25);background:rgba(255,171,0,.08)}.status-pill.live,.live-pill{color:var(--danger);border-color:rgba(255,90,90,.25);background:rgba(255,90,90,.09)}.live-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 2s ease infinite}
.compact-list{display:grid;gap:10px}.compact-item{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.compact-item:last-child{border:0}.compact-item strong{display:block}.compact-item small{color:var(--muted)}.muted{color:var(--secondary)!important}.text-danger{color:var(--danger)!important}
.live-stage{min-height:330px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 80% 40%,rgba(124,77,255,.21),transparent 30%),linear-gradient(145deg,var(--card-hover),var(--card))}.live-stage-copy{max-width:650px}.live-stage-copy h2{font-size:clamp(34px,4vw,50px);margin:18px 0 12px}.live-orbit{width:190px;height:190px;border:1px solid rgba(0,229,255,.22);border-radius:50%;display:grid;place-items:center;margin-right:6%}.live-orbit:before,.live-orbit:after{content:"";position:absolute;border:1px solid rgba(124,77,255,.17);border-radius:50%}.live-orbit:before{width:140px;height:140px}.live-orbit:after{width:88px;height:88px}.live-orbit span{width:22px;height:22px;border-radius:50%;background:var(--gradient);box-shadow:0 0 35px rgba(0,229,255,.45)}
.desktop-download-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(26px,5vw,64px);align-items:center;min-height:340px;background:radial-gradient(circle at 12% 15%,rgba(0,229,255,.12),transparent 32%),linear-gradient(145deg,var(--card-hover),var(--card))}.desktop-download-copy h2{font-size:clamp(34px,4vw,52px);margin:18px 0 12px}.desktop-download-copy>p{max-width:680px}.desktop-download-actions{margin-top:24px}.download-meta{color:var(--muted);font-size:12px}.install-steps{list-style:none;counter-reset:install-step;display:grid;gap:12px;margin:0;padding:0}.install-steps li{counter-increment:install-step;display:grid;grid-template-columns:42px 1fr;column-gap:14px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(6,8,12,.38)}.install-steps li:before{content:counter(install-step);grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(0,229,255,.09);border:1px solid rgba(0,229,255,.25);color:var(--cyan);font-weight:600}.install-steps strong{font-size:15px}.install-steps span{color:var(--secondary);font-size:13px}.desktop-requirements{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px}.desktop-requirements h2{margin:0}.desktop-requirements>p{max-width:650px;margin:0}
.host-controls{margin-top:18px}.action-status{min-height:20px;color:var(--secondary);margin:12px 0 0}
.connection-card{display:flex;flex-direction:column;align-items:flex-start;min-height:300px}.connection-card .status-pill{margin:4px 0 12px}.connection-card .button-row,.connection-card>.button{margin-top:auto}.connection-card .button-row,.connection-card .stack-form{width:100%}.connection-card .stack-form{margin-top:auto}.connection-card .stack-form>.button-row{margin-top:2px}
.stack-form{display:grid;gap:9px}.stack-form label,.form-grid label,.inline-auth-form label{color:var(--secondary);font-size:12px;font-weight:600}.stack-form small{color:var(--muted)}
input,textarea{width:100%;border:1px solid rgba(255,255,255,.07);border-radius:4px;background:var(--surface);color:var(--text);padding:12px 13px;min-height:44px}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,229,255,.12);outline:0}input[type=file]{padding:9px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label{display:grid;gap:6px}.form-span{grid-column:1/-1}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:640px}.data-table th,.data-table td{text-align:left;padding:12px;border-bottom:1px solid rgba(255,255,255,.06)}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.data-table td{color:var(--secondary)}
.machine-card .machine-meta{display:grid;gap:7px;margin:16px 0}.machine-meta div{display:flex;justify-content:space-between;gap:12px;color:var(--secondary)}.machine-meta strong{color:var(--text)}
.announcement-list{display:grid;gap:14px}.announcement-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:flex-start}.announcement-title-link{color:inherit;text-decoration:none}.announcement-title-link:hover{color:var(--cyan);text-decoration:underline}.announcement-mark{width:8px;height:8px;border-radius:50%;background:var(--cyan);margin-top:8px}.announcement-mark.warning{background:var(--warning)}.announcement-mark.critical{background:var(--danger)}.announcement-mark.success{background:var(--success)}.announcement-card time{color:var(--muted);font-size:12px}
.vps-card>span{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.vps-card h2{margin-top:9px}.vps-card>div{display:flex;gap:15px;margin-top:18px}.vps-card a{text-decoration:none}.vps-card a:hover{text-decoration:underline}
.detail-list{display:grid;margin:0}.detail-list div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;text-align:right}.resource-links{display:grid}.resource-links a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06);text-decoration:none}.resource-links a:hover{color:var(--cyan-dim)}
.toast-region{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:10px;width:min(360px,calc(100vw - 40px))}.toast{background:var(--surface);border:1px solid rgba(0,229,255,.2);border-radius:7px;padding:13px 15px;box-shadow:0 15px 50px rgba(0,0,0,.35)}.toast.error{border-color:rgba(255,90,90,.3)}
.login-page{display:grid;place-items:center;padding:40px;min-height:100vh}.login-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,7vw,90px);align-items:center}.login-intro h1{font:400 clamp(48px,6vw,78px)/.97 "Cormorant Garamond",serif;margin:8px 0 22px}.login-intro>p:not(.overline){color:var(--secondary);font-size:17px;max-width:520px}.login-logo{width:62px;height:62px;object-fit:contain;margin-bottom:20px}.login-feature-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.login-feature-list span{border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:6px 12px;color:var(--secondary);font-size:12px}.login-card{background:rgba(12,16,24,.94);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:clamp(25px,5vw,48px);box-shadow:0 28px 90px rgba(0,0,0,.35)}.login-card h2{font:400 38px/1 "Cormorant Garamond",serif;margin:0 0 10px}.login-divider{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:20px 0}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.06)}.inline-auth-form{display:grid;gap:8px}.input-action{display:grid;grid-template-columns:1fr auto;gap:8px}.forgot-panel{margin-top:18px;color:var(--secondary)}.forgot-panel summary{cursor:pointer;color:var(--cyan)}.forgot-panel form{margin-top:12px}.security-note{font-size:11px!important;color:var(--muted)!important;margin:22px 0 0!important}.notice{padding:11px 13px;border-radius:5px;margin:14px 0}.notice.danger{color:var(--danger);background:rgba(255,90,90,.08);border:1px solid rgba(255,90,90,.18)}.notice.success{color:var(--success);background:rgba(105,240,174,.08);border:1px solid rgba(105,240,174,.18)}.mail-wait{display:flex;gap:10px;align-items:center;color:var(--secondary);padding:18px;border:1px solid rgba(0,229,255,.16);border-radius:7px}.poll-status{text-align:center}
.remember-login{display:flex!important;align-items:center;gap:10px;color:var(--secondary);font-size:13px;font-weight:500;cursor:pointer;margin:3px 0 5px}.remember-login input{width:18px;min-height:18px;height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--cyan)}
.checkout-page{min-height:100vh;padding:clamp(20px,4vw,48px)}.checkout-shell{width:min(1120px,100%);margin:0 auto}.checkout-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:clamp(38px,6vw,72px)}.checkout-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.checkout-brand img{width:42px;height:42px;object-fit:contain}.checkout-brand span{display:flex;flex-direction:column}.checkout-brand strong{letter-spacing:.16em}.checkout-brand small{color:var(--secondary)}.checkout-intro{max-width:760px;margin-bottom:28px}.checkout-intro h1{font:400 clamp(46px,7vw,76px)/.98 "Cormorant Garamond",serif;margin:5px 0 16px}.checkout-intro h1 em{font-weight:300;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.checkout-intro>p:not(.overline){color:var(--secondary);font-size:17px;max-width:680px}.checkout-account{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:20px;color:var(--secondary)}.checkout-account strong{color:var(--text)}.checkout-card{min-height:560px;background:linear-gradient(145deg,rgba(17,24,38,.82),rgba(12,16,24,.95));border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:clamp(10px,2vw,22px);overflow:hidden}.whop-checkout-wrapper{min-height:520px}.checkout-result{max-width:720px}.checkout-result h2{font-size:36px;margin-top:20px}.checkout-notice{max-width:760px}.checkout-footnote{color:var(--muted);font-size:12px;text-align:center;margin:16px 0 0}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.65;box-shadow:0 0 0 5px transparent}}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.support-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;max-width:620px}.login-intro{display:none}}
@media(max-width:760px){:root{--sidebar:270px}.sidebar{transform:translateX(-100%);transition:transform .25s ease;box-shadow:20px 0 60px rgba(0,0,0,.5)}body.menu-open .sidebar{transform:none}.app-column{margin-left:0}.menu-button{display:inline-block}.topbar{padding-inline:16px}.topbar-account span:last-child{display:none}.content{padding:25px 16px 50px}.live-banner{top:var(--topbar);padding-inline:16px}.hero,.section-header{display:grid}.hero>.button,.section-header>.button{justify-self:start}.three-column-grid,.account-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-span{grid-column:auto}.live-orbit{display:none}.announcement-card{grid-template-columns:auto 1fr}.announcement-card time{grid-column:2}.login-page{padding:20px}.login-card{padding:25px}.input-action{grid-template-columns:1fr}.topbar-title strong{font-size:14px}.checkout-header{align-items:flex-start}.checkout-header>.button{min-height:36px;padding:7px 10px}.checkout-card{padding:4px;min-height:520px}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.live-banner>div strong{display:none}.button-row .button{width:100%}.card-heading{display:grid}.sidebar-footer{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}