:root{--bg:#ffffff;--ink:#0E0E0E;--accent:#6FBEF0;--accent-2:#3FA7E6;--card:#101418;--card-2:#161B22;--text:#ffffff;--muted:#B8C2CC;--muted-ink:#5B6573;--border:rgba(111,190,240,.35)}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:1240px;margin:0 auto;padding:96px 24px 120px}.head{text-align:center;max-width:820px;margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent-2);font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:600}.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}h1{font-family:'Playfair Display',serif;font-size:clamp(36px, 5.2vw, 60px);line-height:1.08;margin:18px 0 16px;letter-spacing:-.015em;font-weight:800;color:var(--ink)}h1 em{font-style:italic;font-weight:700;color:var(--accent-2);background:linear-gradient(90deg,var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sub{color:var(--muted-ink);max-width:640px;margin:0 auto;font-size:17px;line-height:1.6}.steps-shell{margin-top:64px;background:linear-gradient(180deg,#0b0f14 0,#0e1319 100%);border:1px solid rgba(111,190,240,.18);border-radius:28px;padding:32px;box-shadow:0 30px 80px -30px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04)}@media (max-width:600px){.steps-shell{padding:20px;border-radius:22px}}.grid{margin-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid{grid-template-columns:1fr}}.card{position:relative;border-radius:20px;padding:2px;background:rgba(111,190,240,.15);overflow:hidden;transition:transform .4s cubic-bezier(.175, .885, .32, 1.275);z-index:1}.card:hover{transform:translateY(-6px)}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--ang:360deg}}.card::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from var(--ang,0deg),transparent 0deg,transparent 280deg,var(--accent) 320deg,#fff 340deg,var(--accent) 360deg);filter:blur(6px);opacity:0;transition:opacity .25s ease;z-index:0;animation:spin 2.4s linear infinite;animation-play-state:paused}.inner{position:relative;z-index:1;background:linear-gradient(180deg,#161b22,#101418);border-radius:17px;padding:22px;display:flex;align-items:center;gap:18px;min-height:120px;color:#fff;transition:background .5s ease}.card.active::before{opacity:1;animation-play-state:running}.card.done{background:linear-gradient(135deg,var(--accent-2),var(--accent))}.card.done::before{opacity:0}.card.done .inner{background:linear-gradient(180deg,#1c232c,var(--card-2))}.ico{flex:0 0 56px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(111,190,240,.18),rgba(111,190,240,.04));border:1px solid var(--border);color:var(--accent);transition:all .5s cubic-bezier(.175, .885, .32, 1.275)}.card.active .ico{transform:scale(1.08);box-shadow:0 0 0 4px rgba(111,190,240,.14),0 0 22px rgba(111,190,240,.4);color:#fff}.card.done .ico{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(111,190,240,.3)}.ico svg{width:26px;height:26px}.meta{min-width:0;flex:1}.num{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;color:var(--accent-2);letter-spacing:.22em;font-weight:600}.title{font-size:17px;font-weight:700;margin:6px 0 6px;letter-spacing:-.01em;color:#fff}.desc{font-size:13.5px;color:var(--muted);line-height:1.55}.pulse{position:absolute;top:16px;right:18px;z-index:2;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18);transition:transform .4s ease,opacity .4s ease,background .3s}.card.active .pulse{background:var(--accent);animation:ping 1.2s ease-out infinite}.card.done .pulse{transform:scale(0);opacity:0}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(111,190,240,.6)}100%{box-shadow:0 0 0 14px rgba(111,190,240,0)}}.check{position:absolute;inset:auto 14px 14px auto;z-index:3;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px rgba(111,190,240,.22);opacity:0;transform:scale(.4);transition:transform .5s cubic-bezier(.34, 1.56, .64, 1),opacity .3s ease}.check svg path{stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .5s cubic-bezier(.25, 1, .5, 1)}.card.done .check{opacity:1;transform:scale(1);transition-delay:0.1s}.card.done .check svg path{stroke-dashoffset:0;transition-delay:0.3s}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.165, .84, .44, 1)}.reveal.in{opacity:1;transform:none}