:root{--neon-cyan:#61eaff;--neon-green:#71ffc4;--neon-amber:#ffca6a;--neon-red:#ff547c;--neon-violet:#a78bfa;--neon-core:var(--neon-cyan);--neon-rgb:97,234,255;--neon-period:5.8s}
body{background-color:#03060b;background-image:radial-gradient(circle at 50% -10%,rgba(25,74,92,.22),transparent 38%),linear-gradient(rgba(97,234,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(97,234,255,.025) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(97,234,255,.14)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 12%,rgba(var(--neon-rgb),.16),transparent 58%);opacity:.62;animation:artemis-ambient 9s ease-in-out infinite}
.hero .wrap{position:relative;z-index:1}
.power-console{position:relative;isolation:isolate;margin:34px 0 0;padding:1px;border-radius:24px;background:linear-gradient(135deg,rgba(var(--neon-rgb),.72),rgba(167,139,250,.18) 38%,rgba(var(--neon-rgb),.18));box-shadow:0 0 0 1px rgba(var(--neon-rgb),.12),0 24px 80px rgba(0,0,0,.46),0 0 42px rgba(var(--neon-rgb),.09)}
.power-console::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(110deg,transparent 5%,rgba(var(--neon-rgb),.54),transparent 32%);filter:blur(11px);opacity:.3;z-index:-1;animation:artemis-breathe var(--neon-period) ease-in-out infinite}
.power-console__inner{border-radius:23px;padding:20px;background:linear-gradient(145deg,rgba(9,19,29,.95),rgba(3,8,14,.88));backdrop-filter:blur(18px)}
.power-console__head,.power-console__states{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.power-console__eyebrow{margin:0;color:var(--neon-core);font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 12px rgba(var(--neon-rgb),.6)}
.power-console__lock{display:flex;align-items:center;gap:8px;color:#d8e5ef;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.power-console__lock::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 5px var(--neon-green),0 0 16px rgba(113,255,196,.72)}
.power-console__grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:10px;margin-top:18px}
.power-module{min-height:78px;padding:14px;border:1px solid rgba(var(--neon-rgb),.15);border-radius:14px;background:linear-gradient(150deg,rgba(var(--neon-rgb),.065),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.power-module span{display:block;color:#8397a8;font:700 8px 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase}.power-module strong{display:block;margin-top:8px;color:#f4fbff;font:600 clamp(15px,2vw,20px) 'IBM Plex Mono',monospace}.power-module--core strong{color:var(--neon-core);text-shadow:0 0 7px rgba(var(--neon-rgb),.8),0 0 22px rgba(var(--neon-rgb),.34)}
.power-console__states{justify-content:flex-start;margin-top:14px}.power-state{appearance:none;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.025);color:#9cafbd;font:700 9px 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:color .16s,border-color .16s,background-color .16s,transform .16s,box-shadow .16s}.power-state:hover{color:#fff;border-color:rgba(var(--neon-rgb),.58);transform:translateY(-1px)}.power-state:focus-visible{outline:2px solid #fff;outline-offset:3px}.power-state[aria-pressed="true"]{color:#031015;border-color:var(--neon-core);background:var(--neon-core);box-shadow:0 0 8px rgba(var(--neon-rgb),.75),0 0 24px rgba(var(--neon-rgb),.35)}
.power-console[data-power-state="idle"]{--neon-core:#61eaff;--neon-rgb:97,234,255;--neon-period:7s}.power-console[data-power-state="warming"]{--neon-core:#ffca6a;--neon-rgb:255,202,106;--neon-period:4.8s}.power-console[data-power-state="active"]{--neon-core:#71ffc4;--neon-rgb:113,255,196;--neon-period:3.8s}.power-console[data-power-state="critical"]{--neon-core:#ff547c;--neon-rgb:255,84,124;--neon-period:2.1s}.power-console[data-power-state="locked"]{--neon-core:#a78bfa;--neon-rgb:167,139,250;--neon-period:8s}
.card{position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.card::after{content:"";position:absolute;inset:auto 10% -1px;height:1px;background:var(--neon-cyan);filter:blur(2px);opacity:0;transition:opacity .18s}.card:hover,.card:focus-within{border-color:rgba(97,234,255,.34);box-shadow:0 20px 70px rgba(0,0,0,.3),0 0 26px rgba(97,234,255,.07)}.card:hover::after,.card:focus-within::after{opacity:.7}
@keyframes artemis-breathe{0%,100%{opacity:.2;transform:scale(.995)}50%{opacity:.56;transform:scale(1.004)}52%{opacity:.42}54%{opacity:.58}}
@keyframes artemis-ambient{0%,100%{opacity:.42;transform:scale(1)}50%{opacity:.72;transform:scale(1.04)}}
@media(max-width:760px){.power-console__grid{grid-template-columns:1fr 1fr}.power-module--core{grid-column:1/-1}}
@media(max-width:480px){.power-console__grid{grid-template-columns:1fr}.power-module--core{grid-column:auto}.power-state{flex:1 1 28%;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.hero::after,.power-console::before{animation:none}.power-console::before{opacity:.38}.card,.card::after,.power-state{transition:none}}