:root{--bg:#17111f;--panel:#221a2e;--panel2:#2b2139;--line:#3a2e4a;--fg:#f4ecff;--mut:#b7a9cc;--red:#ff3b4e;--gold:#ffc53a;--link:#ffd87a;
--disp:'Dela Gothic One',Impact,'Arial Black',sans-serif;--body:'Rubik',system-ui,-apple-system,'Segoe UI',sans-serif;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--body)}
a{color:var(--link)}a:hover{color:#fff}
a:focus-visible,summary:focus-visible,.btn:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:var(--gold);color:#1a1022;padding:8px 12px;border-radius:8px;font-weight:700;z-index:9}
.skip:focus{inset-inline-start:12px}
header{background:linear-gradient(180deg,#2a0f1d,var(--bg));border-bottom:1px solid var(--line)}
.wrap{max-width:820px;margin:0 auto;padding:0 16px}
.top{display:flex;align-items:center;gap:12px;padding:16px 0 10px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--fg);margin-inline-end:auto;min-width:0}
.brand img{width:48px;height:48px;border-radius:12px;flex:none}
.brand b{font:400 22px/1.1 var(--disp);letter-spacing:.5px;white-space:nowrap}
.brand b i{font-style:normal;color:var(--red)}
.lang{font-size:14px;font-weight:700;text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--fg)}
nav ul{list-style:none;margin:0;padding:0 0 12px;display:flex;gap:6px;flex-wrap:wrap}
nav a{display:block;text-decoration:none;color:var(--mut);font-weight:700;font-size:15px;padding:8px 12px;border-radius:10px}
nav a:hover{color:var(--fg);background:var(--panel)}
nav a[aria-current=page]{color:#1a1022;background:var(--gold)}
.hero{display:flex;gap:20px;align-items:center;padding:28px 0 8px}
.hero img{width:112px;height:112px;border-radius:26px;flex:none;box-shadow:0 10px 30px rgba(255,59,78,.25)}
.hero p{margin:0;color:var(--mut);font-size:17px;max-width:46ch}
h1{font:400 clamp(26px,6vw,36px)/1.15 var(--disp);margin:28px 0 8px;letter-spacing:.3px;text-wrap:balance}
h2{font:700 20px/1.3 var(--body);margin:0 0 10px;color:var(--gold)}
h3{font:700 17px/1.35 var(--body);margin:22px 0 6px;color:var(--fg)}
main{padding-bottom:40px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;margin:16px 0}
.card>:last-child{margin-bottom:0}
.lead{font-size:17px;margin:0}
.note{color:var(--mut);font-size:15px}
.num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--red);color:#fff;font-size:15px;margin-inline-end:8px;vertical-align:2px}
ul,ol{padding-inline-start:22px}li{margin:4px 0}
.btn{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:700;padding:12px 18px;border-radius:12px;overflow-wrap:anywhere}
.btn:hover{background:#ff5464;color:#fff}
details{border-top:1px solid var(--line);padding:4px 0}details:first-of-type{border-top:0}
summary{cursor:pointer;font-weight:700;padding:10px 0;list-style-position:outside}
details p{margin:0 0 12px;color:var(--fg)}
.legal{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:8px 20px 20px;margin:16px 0}
.legal section{border-bottom:1px solid var(--line);padding:4px 0 10px}.legal section:last-child{border-bottom:0}
.legal .muted{color:var(--mut);font-size:14px}
.legal p,.legal li{overflow-wrap:anywhere}
footer{border-top:1px solid var(--line);color:var(--mut);font-size:14px;padding:20px 0 32px}
footer ul{list-style:none;padding:0;margin:0 0 8px;display:flex;flex-wrap:wrap;gap:4px 16px}
footer a{color:var(--mut)}
.langs{position:relative}
.langs summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:6px 12px;display:flex;align-items:center;gap:6px}
.langs summary::-webkit-details-marker{display:none}
.langs svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.langs ul{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:5;list-style:none;margin:0;padding:6px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;min-width:190px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
.langs li{margin:0}.langs ul a{display:block;padding:8px 12px;border-radius:8px;color:var(--fg);text-decoration:none}
.langs ul a:hover{background:var(--panel)}.langs ul a[aria-current=true]{color:var(--gold)}
.legalnote{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 16px;color:var(--mut);font-size:15px}
[dir=rtl] .legal{direction:ltr;text-align:left}
@media (max-width:520px){.hero{flex-direction:column;align-items:flex-start;padding-top:20px}.hero img{width:88px;height:88px;border-radius:20px}.brand b{font-size:19px}.card,.legal{padding-left:16px;padding-right:16px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}