:root{color-scheme:light dark;--bg:#fafafa;--fg:#171717;--mu:#737373;--ac:#6366f1;--kart:#ffffff;--kenar:#e5e5e5}
@media(prefers-color-scheme:dark){:root{--bg:#0a0a0a;--fg:#fafafa;--mu:#a3a3a3;--ac:#818cf8;--kart:#141414;--kenar:#262626}}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--ac) 14%,transparent),transparent 60%),var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
main{width:min(560px,calc(100% - 32px));padding:48px 32px;text-align:center;background:var(--kart);border:1px solid var(--kenar);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.06)}
.rozet{display:inline-block;padding:2px 12px;margin-bottom:16px;font-size:.8rem;font-weight:600;color:var(--ac);border:1px solid var(--ac);border-radius:999px}
h1{font-size:clamp(2rem,6vw,2.8rem);line-height:1.15;margin:0 0 12px;letter-spacing:-.02em}
p{color:var(--mu);font-size:1.1rem;margin:0}
.cizgi{width:48px;height:3px;margin:24px auto 16px;background:var(--ac);border-radius:2px}
small{color:var(--mu)}