* { box-sizing: border-box; }
:root { color-scheme: dark; font-family: 'Segoe UI', Roboto, system-ui, sans-serif; }
body { margin: 0; min-height: 100vh; min-height: 100svh; padding: 24px 18px; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 0%, #202020, #090909 55%, #030303); color: #f7f7f7; }
.age-card { width: 100%; max-width: 410px; padding: 32px 28px; text-align: center; background: #101010; border: 1px solid #ffffff18; border-radius: 30px; box-shadow: 0 30px 90px #0008; }
.age-brand { margin: 0 0 24px; color: #c9c9c9; font-size: .8rem; font-weight: 600; letter-spacing: .7px; }
.age-symbol { display: grid; place-items: center; width: 68px; height: 68px; margin: 0 auto 22px; border: 1px solid #ffffff28; border-radius: 21px; background: #ffffff06; color: var(--age-accent); font-size: 1.6rem; font-weight: 800; letter-spacing: -1px; }
.age-card h1 { margin: 0; font-size: clamp(1.55rem, 6vw, 1.9rem); font-weight: 800; line-height: 1.25; letter-spacing: -.6px; }
.age-description { margin: 13px 0 25px; color: #aaa; font-size: .84rem; line-height: 1.5; }
.age-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.age-button { min-height: 52px; padding: 14px 16px; border-radius: 13px; border: 1px solid #ffffff28; background: #1a1a1a; color: #eee; font: inherit; font-size: .82rem; font-weight: 800; letter-spacing: .6px; cursor: pointer; transition: background .15s, transform .15s; -webkit-tap-highlight-color: transparent; }
.age-button-primary { background: var(--age-accent); border-color: transparent; color: #171117; }
.age-button:hover { background: #272727; }
.age-button-primary:hover { background: #f1e5e3; }
.age-button:active { transform: translateY(1px); }
.age-button:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.age-button:disabled { opacity: .5; cursor: default; }
.age-noscript { margin: 16px 0 0; color: #ccc; font-size: .8rem; line-height: 1.6; }
@media (max-width: 380px) { .age-card { padding: 28px 22px; border-radius: 26px; } }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }