:root{color-scheme:dark;--text:#fff5f7;--muted:#c3b9bb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#141213;color:var(--text);font:16px/1.65 'Segoe UI',sans-serif;background-image:radial-gradient(ellipse at 80% 8%,#df2a2a1d,transparent 50%),radial-gradient(ellipse at 10% 90%,#df2a2a0d,transparent 45%)}
.domain-page{flex:1;display:grid;place-items:center;padding:64px 24px 40px}
.domain-content{width:min(650px,100%);text-align:center}
.logo{display:block;width:72px;height:72px;object-fit:contain;margin:0 auto 30px}
h1{font-size:clamp(28px,4vw,38px);line-height:1.3;font-weight:400;letter-spacing:-1px;margin:0 0 20px}
p{color:var(--muted);font-size:15px;max-width:580px;margin:0 auto 8px}
.domain-instruction{margin-bottom:16px}
code{display:inline-block;max-width:100%;padding:12px 20px;background:#312226b0;border:1px solid #ed667527;border-radius:12px;font:16px/1.5 Consolas,monospace;color:#ffb7c2;overflow-wrap:anywhere}
.actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;width:min(290px,100%);margin:30px auto 0}
.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 23px;border:1px solid #c26b772e;border-radius:10px;background:#39252a80;color:var(--text);font-size:14px;text-decoration:none;transition:background .15s,border-color .15s}
.button:hover{background:#482c34;border-color:#df7c8955}
.primary{background:#b72f40;border-color:#f6747f55}
.primary:hover{background:#d13d4f}
a:focus-visible{outline:2px solid #ff9ca5;outline-offset:4px}
footer{text-align:center;padding:20px 24px 28px;color:#9c8e93;font-size:12px}
@media(max-width:480px){.domain-page{padding:40px 20px 24px}.logo{width:64px;height:64px;margin-bottom:24px}p{font-size:14px}code{font-size:14px;padding:11px 12px}.actions{gap:10px}.button{width:100%}footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}