:root{color:#e8f3ff;background:#071018;font-family:Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 40%,rgba(56,140,190,.18),transparent 42%),#071018}.page{position:relative;min-height:100vh;overflow:hidden}.field{position:absolute;inset:0;width:100%;height:100%}header,.steps,.predict{position:relative;z-index:1}header{max-width:720px;padding:64px 28px 12px}.eyebrow{margin:0 0 10px;letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:#8fd4ff}h1{margin:0 0 14px;max-width:16ch;font-size:clamp(36px,6vw,64px);line-height:.95;letter-spacing:-.03em}.lead{max-width:46ch;margin:0;color:#c5d7e8;font-size:18px;line-height:1.5}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:28px}article{padding:16px;background:#071018b8;border:1px solid rgba(143,212,255,.28);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}article span{font-family:ui-monospace,monospace;color:#8fd4ff;font-size:12px}h2{margin:8px 0;font-size:20px}article p,.predict p{margin:0;color:#c5d7e8;line-height:1.45}.predict{display:flex;justify-content:space-between;gap:24px;margin:8px 28px 40px;padding:18px 20px;background:#071018c7;border:1px solid rgba(143,212,255,.28);border-radius:12px}.formula{margin-top:8px;font-family:ui-monospace,monospace;color:#f2fbff}ol{list-style:none;margin:0;padding:0;min-width:min(100%,320px)}li{display:grid;grid-template-columns:72px 1fr 42px;align-items:center;gap:10px;margin:8px 0;font-family:ui-monospace,monospace}li i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,#7dd3fc,#f8fafc)}@media(max-width:800px){.steps,.predict{grid-template-columns:1fr;display:grid}header{padding-top:36px}}