:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; background: #050507; color: #f5f5f7; }
* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; }
main { position: fixed; inset: 0; overflow: hidden; isolation: isolate; }
.atmosphere, canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.atmosphere { background: radial-gradient(ellipse 40% 26% at 50% 68%, #151820 0%, #08090d 48%, transparent 90%); }
.atmosphere::after { content: ""; position: absolute; width: 70vmin; height: 35vmin; left: 50%; top: 58%; border-top: 1px solid #565d6c; border-radius: 50%; transform: translate(-50%, -10%) rotate(-14deg); opacity: .3; filter: blur(1px); }
.has-light .atmosphere::after { display: none; }
canvas { opacity: 0; transition: opacity 1.8s ease; }
.has-light canvas { opacity: 1; }
.signature { position: absolute; z-index: 2; top: max(36px, env(safe-area-inset-top)); left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 550; letter-spacing: -.025em; color: #b4b5be; user-select: none; }
.signature img { width: 27px; height: auto; opacity: .82; }
h1 { position: absolute; z-index: 2; left: 50%; top: 44%; transform: translate(-50%, -50%); margin: 0; width: max-content; max-width: calc(100vw - 40px); font-size: clamp(46px, 7.8vw, 112px); font-weight: 550; line-height: 1.04; letter-spacing: -.065em; text-align: center; text-wrap: balance; }
h1 span { display: block; padding: 0 .08em .06em; color: #efeff2; background: linear-gradient(160deg, #fff 15%, #e4e5eb 58%, #a4a8b5); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
@media (max-width: 600px) { h1 { top: 44%; font-size: clamp(43px, 11.3vw, 68px); } .signature { top: max(28px, env(safe-area-inset-top)); font-size: 14px; } }
@media (max-height: 430px) and (min-width: 600px) { .signature { top: 20px; } h1 { top: 47%; font-size: clamp(43px, 13vh, 66px); } }
@media (prefers-reduced-motion: reduce) { canvas { transition: none; } }