@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--fg:#f0ede8;--muted:#555;--accent:#c8b89a;--badge-bg:#1a1a1a}body{background:var(--bg);color:var(--fg);justify-content:center;align-items:center;min-height:100vh;font-family:DM Mono,monospace;display:flex}.container{opacity:0;max-width:640px;padding:2rem;transition:opacity .8s,transform .8s;transform:translateY(16px)}.container.in{opacity:1;transform:translateY(0)}.badge{letter-spacing:.15em;color:var(--accent);background:var(--badge-bg);border:1px solid #2a2a2a;border-radius:999px;margin-bottom:2rem;padding:.35rem .75rem;font-size:.65rem;display:inline-block}h1{color:var(--fg);margin-bottom:1.25rem;font-family:DM Serif Display,serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:400;line-height:1.1}.accent{color:var(--accent);font-style:italic}.sub{color:var(--muted);letter-spacing:.04em;margin-bottom:2.5rem;font-size:.8rem}.dots{gap:6px;display:flex}.dots span{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite pulse}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.2;transform:scale(.9)}40%{opacity:1;transform:scale(1)}}