:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--ns-color-bg, #f8f9fa); color: var(--ns-color-text, #202124); font-family: var(--ns-font-family, Arial, sans-serif); }
.ntc-main { min-height: 100vh; display: grid; place-content: center; gap: 24px; padding: 24px; }
.ntc-ticket { width: min(100%, 560px); padding: clamp(28px, 7vw, 56px); border: 1px solid var(--ns-color-border, #dadce0); border-radius: var(--ns-radius-xl, 24px); background: var(--ns-color-surface, #fff); box-shadow: var(--ns-shadow-2, 0 8px 30px rgb(0 0 0 / 12%)); text-align: center; }
.ntc-kicker, .ntc-site { color: var(--ns-color-text-muted, #5f6368); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
h1 { margin: 16px 0 12px; font-size: clamp(2rem, 8vw, 3.5rem); line-height: 1.05; }
.ntc-line { margin: 0 auto 28px; max-width: 38ch; font-size: 1.1rem; line-height: 1.6; }
.ntc-enter { display: inline-grid; min-height: 48px; place-items: center; padding: 0 24px; border-radius: 999px; background: var(--ns-color-primary, #1a73e8); color: #fff; font-weight: 700; text-decoration: none; }
.ntc-enter:focus-visible, .ntc-back:focus-visible { outline: 3px solid var(--ns-color-focus, #8ab4f8); outline-offset: 3px; }
.ntc-back { justify-self: center; min-height: 44px; color: inherit; }
@media (prefers-color-scheme: dark) { body { background: #111315; color: #f1f3f4; } .ntc-ticket { background: #1f2226; border-color: #3c4043; } }