:root{color-scheme:dark;--bg:#090d16;--panel:#101825;--panel2:#141e2b;--text:#eaf0f7;--muted:#8a99aa;--line:rgba(184,207,231,.12);--cyan:#4bd7d0;--green:#65e0a1;--amber:#e7bd70;--sans:Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",Consolas,"SFMono-Regular",monospace;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% -15%,rgba(39,102,112,.2),transparent 42%),var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topline{display:flex;align-items:center;justify-content:center;gap:9px;min-height:32px;padding:6px 10px;background:#0c1520;border-bottom:1px solid var(--line);color:#a7b5c3;text-align:center;font:600 .57rem var(--mono);letter-spacing:.09em}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(101,224,161,.65)}.divider{color:#536476}.nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:20px 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:#e8eef5;text-decoration:none;font-size:.8rem;font-weight:760;letter-spacing:.14em}.brand-mark{display:grid;width:35px;height:35px;place-items:center;border:1px solid rgba(75,215,208,.3);border-radius:9px;color:var(--cyan);font:700 .64rem var(--mono)}.brand small{display:block;margin-top:3px;color:#77879a;font:500 .51rem var(--mono);letter-spacing:.09em}.nav-right{display:flex;align-items:center;gap:14px}.env,.tag-live{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(101,224,161,.18);border-radius:5px;color:#9be2bd;font:600 .55rem var(--mono);letter-spacing:.05em}.shell{max-width:1150px;margin:0 auto;padding:0 28px}.hero-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:22px;padding:68px 0 43px}.eyebrow{margin:0;color:#7f9aaa;font:600 .6rem var(--mono);letter-spacing:.12em}.hero-row h1{margin:13px 0 0;font-size:clamp(2.5rem,5.2vw,4rem);line-height:1.02;letter-spacing:-.07em;font-weight:660}.hero-row h1 span,.auth-intro h2 span,.section-top h2 span{color:var(--cyan)}.lede{max-width:650px;margin:18px 0 0;color:#95a3b2;font-size:.84rem;line-height:1.8}.hero-chip{display:grid;grid-template-columns:8px auto auto;align-items:center;gap:11px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:rgba(16,24,37,.8)}.hero-chip b,.hero-chip small{display:block}.hero-chip b{font-size:.7rem}.hero-chip small{margin-top:4px;color:#8291a2;font-size:.58rem}.hero-chip .mono{font-size:.53rem;color:#97a8ba}.panel{border:1px solid var(--line);border-radius:9px;background:linear-gradient(145deg,rgba(17,26,40,.94),rgba(12,19,30,.96));box-shadow:0 20px 60px rgba(0,0,0,.12)}.auth-grid{display:grid;grid-template-columns:1fr .9fr;gap:15px;margin-bottom:60px}.auth-intro{padding:32px}.auth-intro h2{margin:17px 0 0;font-size:2.1rem;line-height:1.08;letter-spacing:-.06em}.auth-intro>p:not(.eyebrow){max-width:480px;margin:16px 0 0;color:#91a0b0;font-size:.78rem;line-height:1.8}.check-list{display:grid;gap:12px;margin:25px 0;padding:0;list-style:none;color:#b2bfcb;font-size:.72rem}.check-list li:before{content:"✓";margin-right:10px;color:var(--green);font-family:var(--mono)}.callout,.order-warning{display:flex;flex-direction:column;gap:5px;padding:13px 14px;border:1px solid rgba(231,189,112,.2);border-radius:6px;background:rgba(231,189,112,.045)}.callout b,.order-warning b{color:#e4c384;font-size:.68rem}.callout span,.order-warning span{color:#a59d8b;font-size:.64rem;line-height:1.6}.auth-panel{padding:20px 22px}.tabs{display:flex;gap:7px;padding-bottom:15px;border-bottom:1px solid var(--line)}.tab{padding:9px 13px;border:1px solid transparent;border-radius:5px;background:transparent;color:#8292a5;font-size:.7rem}.tab.active{border-color:rgba(75,215,208,.25);background:rgba(75,215,208,.06);color:#b7f2ef}.form-stack{display:grid;gap:14px;padding-top:19px}.form-stack label,.order-form label,.invite-form label{display:grid;gap:7px;color:#b6c3d0;font-size:.65rem}.form-stack input,.order-form input,.order-form select,.invite-form input{width:100%;min-height:40px;padding:0 11px;border:1px solid rgba(179,202,227,.16);border-radius:5px;outline:none;background:#0a111b;color:#e6edf4;font-size:.72rem}.form-stack input:focus,.order-form input:focus,.order-form select:focus,.invite-form input:focus{border-color:rgba(75,215,208,.55);box-shadow:0 0 0 3px rgba(75,215,208,.09)}.form-foot{margin:0;color:#77879a;font-size:.59rem;line-height:1.6}.button{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:13px;padding:0 14px;border:1px solid transparent;border-radius:5px;font-size:.68rem;font-weight:650;transition:transform .15s,border-color .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(120deg,#4bd7d0,#79e7b5);color:#09151a}.button-primary:hover{background:#9af0c6}.button-primary span{font-family:var(--mono)}.button-ghost{min-height:33px;border-color:var(--line);background:transparent;color:#aab8c6;font-size:.6rem}.button-secondary{border-color:rgba(75,215,208,.3);background:rgba(75,215,208,.08);color:#b9efeb}.notice{position:sticky;z-index:9;top:78px;margin:-32px 0 30px;padding:12px 15px;border:1px solid rgba(75,215,208,.25);border-radius:6px;background:#102331;color:#caeeee;font-size:.7rem;box-shadow:0 8px 26px rgba(0,0,0,.22)}.notice.error{border-color:rgba(236,115,115,.28);background:#29191e;color:#f1c4c4}.section-top{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 17px}.section-top h2{margin:9px 0 0;font-size:1.65rem;letter-spacing:-.05em}.order-panel{padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-title h3{margin:7px 0 0;font-size:.98rem;font-weight:620;letter-spacing:-.02em}.panel-title>.mono{color:#75869a;font-size:.51rem;letter-spacing:.06em}.order-warning{margin-top:17px}.order-warning code{color:#d5e5ee;font-family:var(--mono);font-size:.58rem}.order-form{display:grid;grid-template-columns:1.1fr 1.3fr .75fr .9fr auto;align-items:end;gap:11px;margin-top:17px}.order-form label{min-width:0}.order-form input,.order-form select{min-height:38px}.order-submit{min-height:38px;white-space:nowrap;font-size:.59rem}.jobs{display:grid;gap:7px;margin-top:13px}.job-row{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.02);color:#9facba;font-size:.62rem}.job-row b{color:#c8d4df;font-weight:600}.job-row .mono{font-size:.52rem}.service-heading{margin:49px 0 15px}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#111a27,#0d141f)}.service-card-head{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:17px 18px 14px;border-bottom:1px solid rgba(184,207,231,.09)}.service-card-head h3{margin:6px 0 0;font-size:.88rem}.service-card-head a{color:#a4ebe5;font:500 .58rem var(--mono);word-break:break-all}.service-status{padding:5px 7px;border:1px solid rgba(101,224,161,.2);border-radius:4px;color:#85dfae;font:600 .5rem var(--mono);white-space:nowrap}.service-status.failed,.service-status.paused,.service-status.cancel_requested{border-color:rgba(231,189,112,.2);color:#dfbd7d}.service-card-body{padding:15px 18px}.service-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px}.service-meta div{padding:9px;border:1px solid rgba(184,207,231,.07);border-radius:5px;background:rgba(255,255,255,.015)}.service-meta small,.service-meta b{display:block}.service-meta small{color:#77879a;font:500 .51rem var(--mono)}.service-meta b{margin-top:5px;color:#c9d4df;font-size:.62rem;font-weight:560;overflow-wrap:anywhere}.details-block{margin-top:8px;border-top:1px solid rgba(184,207,231,.08);padding-top:9px}.details-block summary{cursor:pointer;color:#a6b6c6;font-size:.62rem}.credentials{display:grid;gap:7px;margin-top:10px}.credential-row{display:grid;grid-template-columns:115px 1fr;gap:9px;color:#a6b2bf;font-size:.58rem}.credential-row b{color:#d0dae3;font-weight:550;overflow-wrap:anywhere;user-select:text}.credential-row code{overflow-wrap:anywhere;color:#b7e8e4;font-size:.56rem}.service-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.service-actions button{min-height:30px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:rgba(255,255,255,.02);color:#9eacbb;font-size:.56rem}.service-actions button:hover{border-color:rgba(75,215,208,.35);color:#c5f3f0}.dns-results{display:grid;gap:6px;margin-top:10px}.dns-result{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;border:1px solid rgba(184,207,231,.08);border-radius:4px;color:#aab8c5;font-size:.55rem}.dns-result .ok{color:var(--green)}.dns-result .missing{color:var(--amber)}.backup-result{margin-top:9px;color:#9facba;font-size:.58rem;line-height:1.6}.empty-state{padding:24px;border:1px dashed rgba(184,207,231,.16);border-radius:7px;color:#8191a3;text-align:center;font-size:.68rem}.admin-heading{margin:54px 0 16px;padding-top:29px;border-top:1px solid var(--line)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.metric{padding:14px;border:1px solid var(--line);border-radius:7px;background:#0e1622}.metric small,.metric b{display:block}.metric small{color:#7f90a3;font:500 .52rem var(--mono);text-transform:uppercase}.metric b{margin-top:9px;color:#dde7ef;font:600 1rem var(--mono)}.metric span{display:block;margin-top:5px;color:#7d8d9f;font-size:.55rem}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-grid>.panel,.admin-services-panel,.invite-panel{padding:18px}.table-list{display:grid;gap:7px;margin-top:14px}.table-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid rgba(184,207,231,.08);color:#a9b6c3;font-size:.59rem}.table-row:first-child{border-top:0}.table-row b{display:block;color:#d0dbe4;font-size:.62rem;font-weight:560}.table-row small{display:block;margin-top:4px;color:#7e8e9f;font-size:.52rem}.table-row .row-actions{display:flex;flex-wrap:wrap;gap:5px}.row-actions button{padding:5px 7px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#9eacbb;font-size:.52rem}.row-actions button:hover{color:var(--cyan);border-color:rgba(75,215,208,.3)}.admin-services-panel,.invite-panel{margin-top:12px}.admin-services-panel .table-row{align-items:flex-start}.invite-form{display:flex;align-items:end;gap:10px;margin-top:16px}.invite-form label{max-width:180px;flex:1}.invite-result{margin-top:13px;padding:10px;border:1px solid rgba(75,215,208,.22);border-radius:5px;background:rgba(75,215,208,.04);color:#bfece8;font-size:.62rem}.invite-result code{display:block;margin-top:6px;color:#effffc;font:600 .72rem var(--mono);user-select:all}.footer{margin-top:70px;border-top:1px solid var(--line);background:#070a11}.footer-inner{display:flex;justify-content:space-between;gap:15px;padding-top:20px;padding-bottom:20px;color:#647284;font:500 .52rem var(--mono)}.footer-inner a{color:#8294a5;text-decoration:none}.footer-inner a:hover{color:var(--cyan)}
@media(max-width:900px){.hero-row{grid-template-columns:1fr}.hero-chip{justify-self:start}.order-form{grid-template-columns:repeat(2,1fr)}.order-submit{grid-column:span 2}.service-list{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.nav{padding:14px 16px}.shell{padding:0 16px}.topline{font-size:.49rem;letter-spacing:.02em}.hero-row{padding:44px 0 30px}.hero-row h1{font-size:2.65rem}.lede{font-size:.75rem}.hero-chip{grid-template-columns:8px 1fr}.hero-chip .mono{grid-column:2}.auth-grid{grid-template-columns:1fr;margin-bottom:40px}.auth-intro{padding:22px}.auth-panel{padding:16px}.section-top{align-items:start;flex-direction:column}.order-panel{padding:14px}.order-form{grid-template-columns:1fr}.order-submit{grid-column:auto;white-space:normal}.service-list{grid-template-columns:1fr}.service-meta{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.invite-form{align-items:stretch;flex-direction:column}.invite-form label{max-width:none}.footer-inner{align-items:start;flex-direction:column}.table-row{align-items:flex-start;flex-direction:column}.row-actions{padding-top:4px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
.service-live{display:grid;gap:5px;margin:0 0 12px;padding:9px 10px;border:1px solid rgba(75,215,208,.12);border-radius:5px;background:rgba(75,215,208,.025)}
.live-caption{color:#8fa3b1;font:500 .51rem var(--mono);text-transform:uppercase;letter-spacing:.035em}
.live-usage{color:#b7c4ce;font:500 .55rem var(--mono);overflow-wrap:anywhere}
