@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@400;600&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--ink:#f8fafc;--ink-soft:#f8fafcb3;--ink-muted:#94a3b8cc;--bg:#05070f;color:var(--ink);background:radial-gradient(circle at top right, #ffa8401f, transparent 40%), radial-gradient(circle at 20% 20%, #3b82f61f, transparent 35%), var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:16px/1.6 Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{margin:0 0 12px;font-family:Fraunces,serif;font-weight:600}h1{font-size:clamp(2.2rem,4vw,3.5rem)}h2{font-size:1.4rem}h3{font-size:1.2rem}p{margin:0}.page{flex-direction:column;gap:36px;min-height:100vh;padding:48px clamp(24px,6vw,96px) 80px;display:flex}.hero{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:center;gap:24px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-muted);margin-bottom:12px;font-size:12px}.subhead{color:var(--ink-soft);max-width:520px;font-size:18px}.hero-card{background:radial-gradient(circle at 0 0,#ff990040,#0000 55%),linear-gradient(135deg,#0c1018e6,#040810e6);border:1px solid #ffaa4066;border-radius:20px;padding:24px;position:relative;overflow:hidden;box-shadow:0 24px 40px #00000059}.pulse{filter:blur();background:radial-gradient(circle,#ffaa40a6,#0000 70%);width:180px;height:180px;animation:5s ease-in-out infinite pulse;position:absolute;inset:-40% auto auto -30%}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.hero-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px;font-size:14px}.hero-status{margin-bottom:12px;font-size:clamp(28px,4vw,38px);font-weight:600}.hero-note{color:var(--ink-soft);margin:0}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0d14bf;border:1px solid #94a3b833;border-radius:20px;padding:24px;box-shadow:0 20px 40px #070a1259}.card.secondary{background:#080c1499}.card-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.badge{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);background:#94a3b81a;border-radius:999px;padding:6px 12px;font-size:12px}.badge.on{color:#86efac;background:#22c55e33;border:1px solid #22c55e80}.badge.off{color:#fecaca;background:#f8717133;border:1px solid #f8717180}.label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin-bottom:6px;font-size:11px}.value{font-size:16px;font-weight:500}.actions{flex-direction:column;gap:12px;display:flex}.primary{color:#0b0f16;cursor:pointer;background:linear-gradient(120deg,#ff8a00,#ff4d4d);border:none;border-radius:12px;padding:12px 18px;font-weight:600;transition:transform .2s,box-shadow .2s}.form{gap:10px;margin-top:16px;display:grid}.input{color:var(--ink);background:#0f172a99;border:1px solid #94a3b840;border-radius:10px;padding:10px 12px}.user-list{gap:12px;margin-top:20px;display:grid}.user-row{border:1px solid #94a3b833;border-radius:12px;justify-content:space-between;gap:12px;padding:12px;display:flex}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.row-actions button{padding:8px 12px;font-size:12px}.package-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:18px 0;display:grid}.package{text-align:left;color:var(--ink);cursor:pointer;background:#0f172a99;border:1px solid #94a3b840;border-radius:14px;padding:14px;transition:border .2s,transform .2s}.package:hover{border-color:#ffaa4099;transform:translateY(-2px)}.package.selected{border-color:#ffaa40e6;box-shadow:0 12px 20px #ff8c4033}.price{margin-top:6px;font-size:18px;font-weight:600}.credentials{background:#ffaa4014;border:1px dashed #ffaa4099;border-radius:12px;margin:16px 0;padding:12px}.primary:disabled{opacity:.6;cursor:not-allowed}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px #ff7a3459}.helper{color:var(--ink-muted);margin:0;font-size:13px}.steps{gap:14px;margin-top:20px;display:grid}.muted{color:var(--ink-soft)}