:root{
  --bg:#0a0a12; --fg:#eaf0ff; --muted:#9fb0c5; --stroke:#22334f;
  --cta1:#00ffa3; --cta2:#18d1ff; --cta3:#7a5cff;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial}
.wrap{max-width:980px;margin:0 auto;padding:24px 14px 80px;position:relative;z-index:1}
.halo{position:fixed;inset:-20% -10%;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 70% at 20% 30%, rgba(24,209,255,.13), transparent 60%),
    radial-gradient(50% 60% at 80% 50%, rgba(122,92,255,.11), transparent 60%);
  filter:blur(44px) saturate(120%);
}
.card{background:rgba(9,15,22,.72);backdrop-filter:blur(6px);border:1px solid var(--stroke);border-radius:14px;padding:16px;margin:12px 0}
h1{font-size:clamp(32px,6vw,56px);line-height:1.05;margin:6px 0 10px}
h2{margin:16px 0 8px;font-size:22px}
.lead{color:#cfe0ff;font-size:18px}
.badge{display:inline-block;background:#11223d;border:1px solid #203457;border-radius:999px;padding:4px 10px;margin-right:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#05131a;font-weight:900;background:linear-gradient(135deg,var(--cta1),var(--cta2) 48%,var(--cta3))}
.link{color:#bfe1ff;text-decoration:none}
.input{width:100%;background:#0f1729;border:1px solid #2a395a;color:#eaf0ff;border-radius:12px;padding:10px 12px;margin:6px 0;outline:none}
small.muted{color:var(--muted)}
/* $CHEM starfield (reusable) */
.sky{position:fixed;inset:0;z-index:0;background:#000;overflow:hidden}
.sky .star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.85;box-shadow:0 0 6px rgba(255,255,255,.9)}
@keyframes tw{50%{opacity:.25;transform:scale(.6)}}