:root { color-scheme: dark; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#05060d; color:#f4efff; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 50% 0%, rgba(111,61,170,.22), transparent 34%), linear-gradient(180deg,#080713 0%,#04050b 100%); }
a { color:#dcc2ff; }
.wrap { width:min(900px,calc(100% - 28px)); margin:0 auto; padding:28px 0 64px; }
.hero,.card { border:1px solid rgba(220,194,255,.13); background:rgba(13,10,27,.82); box-shadow:0 18px 50px rgba(0,0,0,.28); backdrop-filter:blur(12px); }
.hero { border-radius:28px; padding:26px; margin-bottom:16px; }
.card { border-radius:20px; padding:20px; margin-top:12px; }
h1 { margin:0 0 8px; font-family:Georgia,serif; font-size:clamp(28px,6vw,44px); font-weight:500; }
h2 { margin:0 0 12px; font-size:18px; color:#f1e4ff; }
h3 { margin:18px 0 8px; font-size:15px; color:#eadbff; }
p,li { color:rgba(244,239,255,.72); line-height:1.72; font-size:14px; }
ul,ol { padding-left:22px; }
.meta { font-size:12px; color:rgba(244,239,255,.42); }
.nav { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.nav a,.button { display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(220,194,255,.18); border-radius:999px; background:rgba(220,194,255,.07); padding:9px 13px; text-decoration:none; font-size:12px; font-weight:700; }
.button.danger { border-color:rgba(251,113,133,.28); background:rgba(251,113,133,.09); color:#ffc6d0; }
.note { border-left:3px solid rgba(192,132,252,.65); padding:12px 14px; background:rgba(192,132,252,.06); border-radius:10px; }
strong { color:#fff; }
footer { margin-top:28px; text-align:center; font-size:12px; color:rgba(244,239,255,.36); }
@media (max-width:600px) { .wrap{padding-top:14px}.hero{padding:20px}.card{padding:17px} }