:root{--ink:#1d1a22;--muted:#6f6977;--card:rgba(255,255,255,.62);--line:rgba(255,255,255,.7);--accent:#7c5cff}
*{box-sizing:border-box}
html{background:#f7efe9}
body{margin:0;font:17px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",Roboto,sans-serif;color:var(--ink);
background:radial-gradient(60% 50% at 10% 0%,#ffd9c7 0,transparent 70%),radial-gradient(50% 45% at 100% 20%,#e5daff 0,transparent 70%),
radial-gradient(60% 50% at 50% 100%,#d3f1e6 0,transparent 70%),#fbf3ee;min-height:100vh}
main{max-width:760px;margin:0 auto;padding:40px 16px 64px}
header{display:flex;gap:18px;align-items:center;margin-bottom:26px}
header img{width:84px;height:84px;border-radius:20px;box-shadow:0 10px 30px rgba(124,92,255,.25)}
h1{margin:0;font-size:34px;letter-spacing:-.02em}
h2{margin:0 0 10px;font-size:22px}
p{margin:0 0 12px}
.lead{color:var(--muted);margin:4px 0 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:22px 22px 12px;margin:0 0 16px;
backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 8px 30px rgba(60,30,90,.07)}
a{color:var(--accent)}
.lang{display:flex;gap:8px;margin:0 0 18px}
.lang a{padding:6px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:15px}
footer{color:var(--muted);font-size:14px;margin-top:24px}
@media (prefers-color-scheme:dark){
:root{--ink:#f3eff8;--muted:#a9a2b4;--card:rgba(30,26,40,.6);--line:rgba(255,255,255,.08);--accent:#a996ff}
html{background:#120f1a}
body{background:radial-gradient(60% 50% at 10% 0%,#3a1c3e 0,transparent 70%),radial-gradient(50% 45% at 100% 20%,#1c2350 0,transparent 70%),
radial-gradient(60% 50% at 50% 100%,#0f3130 0,transparent 70%),#120f1a}}