:root { color-scheme: dark; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #07110f; color: #edf7f2; }
body::before { content: ""; position: fixed; inset: 0; background: radial-gradient(circle at 75% 20%, #174d3b 0, transparent 42%), linear-gradient(145deg, transparent, #0a211b); pointer-events: none; }
main { position: relative; width: min(62rem, calc(100% - 3rem)); padding: clamp(2rem, 7vw, 7rem); border: 1px solid #ffffff1f; border-radius: 1.4rem; background: #07110f99; backdrop-filter: blur(18px); }
.mark { font-size: .75rem; letter-spacing: .28em; color: #75ddb1; }
h1 { margin: 1.2rem 0; font-size: clamp(3rem, 9vw, 7rem); line-height: .92; letter-spacing: -.065em; font-weight: 650; }
p { max-width: 34rem; margin: 0 0 2rem; color: #abc1b7; font-size: 1.1rem; }
a { color: #edf7f2; text-underline-offset: .35rem; }