:root{--background:#0a0a0a;--panel:hsla(0,0%,100%,.075);--panel-border:hsla(0,0%,100%,.16);--neon-green:#39ff88;--neon-blue:#18a8ff;--text:#f5f7fb;--muted:#98a2b3}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:radial-gradient(circle at 50% 10%,rgba(24,168,255,.18),transparent 28rem),radial-gradient(circle at 50% 65%,rgba(57,255,136,.12),transparent 24rem),var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{display:grid;min-height:100vh;place-items:center;padding:2rem}.glass-card{width:min(28rem,100%);padding:2rem;text-align:center;background:linear-gradient(145deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.035));border:1px solid var(--panel-border);border-radius:2rem;box-shadow:0 2rem 6rem rgba(0,0,0,.55),inset 0 1px hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.eyebrow{margin:0 0 .75rem;color:var(--neon-green);font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,7vw,3.5rem);line-height:.95}.hero-orbit{position:relative;display:grid;width:15rem;height:15rem;margin:2.5rem auto;place-items:center;border-radius:999px;background:linear-gradient(var(--background),var(--background)) padding-box,conic-gradient(from var(--angle),var(--neon-green),var(--neon-blue),var(--neon-green)) border-box;border:2px solid transparent;animation:spin-ring 3.8s linear infinite;box-shadow:0 0 2rem rgba(57,255,136,.28),inset 0 0 2rem rgba(24,168,255,.12)}.shadow-cat{display:grid;width:8rem;height:8rem;place-items:center;border-radius:38% 38% 44% 44%;background:radial-gradient(circle at 34% 38%,var(--neon-green) 0 .18rem,transparent .2rem),radial-gradient(circle at 66% 38%,var(--neon-green) 0 .18rem,transparent .2rem),linear-gradient(145deg,#171717,#050505);color:hsla(0,0%,100%,.72);font-size:.8rem;font-weight:800;letter-spacing:.18em;box-shadow:inset 0 1px hsla(0,0%,100%,.16),0 1rem 3rem rgba(0,0,0,.7)}.metal-button{width:100%;padding:1rem 1.25rem;border:1px solid hsla(0,0%,100%,.28);border-radius:999px;background:linear-gradient(100deg,transparent 0 18%,hsla(0,0%,100%,.22) 20%,transparent 24% 100%),repeating-linear-gradient(90deg,#34383d 0 1px,#191b1f 1px 4px);color:var(--text);cursor:pointer;font-size:1rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 1.2rem rgba(57,255,136,.22),inset 0 1px hsla(0,0%,100%,.32)}.metal-button:hover{box-shadow:0 0 2.2rem rgba(57,255,136,.34),inset 0 1px hsla(0,0%,100%,.4)}.status-text{margin:1rem 0 0;color:var(--muted)}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spin-ring{to{--angle:360deg}}