:root { background: #0a0d12; color: #f6f8fb; font-family: ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
main { min-height: 100svh; display: grid; place-items: center; padding: 2rem; background: radial-gradient(circle at 50% 45%, #283b60, #0a0d12 62%); }
.hero-letter { font-size: clamp(14rem, 68vw, 62rem); font-weight: 900; line-height: .8; letter-spacing: -.09em; text-shadow: 0 .04em .14em #0008; }
.hero-letter:focus-visible { outline: .18rem solid #fff; outline-offset: .2rem; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }