:root{--bg:#0c0c0d;--panel:#141414;--text:#f2eee7;--muted:#bdb6aa;--gold:#c9a45a;--line:rgba(201,164,90,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -12%,rgba(201,164,90,.08),transparent 32rem),var(--bg);color:var(--text);font-family:"Segoe UI","Helvetica Neue",Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}.page{width:min(100%,1040px);margin:auto;padding:0 20px 70px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0;color:var(--muted)}.logo{font-size:1.55rem;color:var(--text)}.logo span{color:var(--gold)}.back{border:1px solid var(--line);border-radius:999px;padding:10px 15px}.hero{border:1px solid var(--line);padding:clamp(48px,9vw,92px) clamp(22px,6vw,68px);text-align:center;background:linear-gradient(180deg,#141414,#101010)}.icon{width:58px;height:58px;margin:0 auto 24px;color:var(--gold)}.kicker{color:var(--gold);text-transform:uppercase;letter-spacing:.28em;font-size:.72rem;font-weight:600}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.35rem,7vw,4.9rem);font-weight:400;line-height:1.08;margin:15px auto 20px;max-width:900px}.lead{max-width:730px;margin:auto;color:#d1cabf;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.7}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}.btn{border:1px solid var(--line);border-radius:999px;padding:13px 19px}.btn.primary{color:#111;background:var(--gold);font-weight:600}.content{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:28px}.panel{border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:clamp(23px,4vw,38px);background:linear-gradient(180deg,#151515,#101010)}h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:400;margin:7px 0 18px}.panel p,.panel li{color:var(--muted);line-height:1.75}.panel ul{padding-left:20px}.steps{display:grid;gap:12px}.step{border-left:2px solid var(--gold);padding:3px 0 3px 17px}.step strong{display:block;margin-bottom:5px}.cta{text-align:center;margin-top:28px;padding:46px 22px;border:1px solid var(--line);border-radius:22px;background:#111}.cta p{color:var(--muted);line-height:1.65}.related{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:28px 0;color:var(--muted);font-size:.9rem}.related a:hover{color:var(--gold)}footer{text-align:center;border-top:1px solid rgba(201,164,90,.18);padding-top:28px;color:#8e877c;font-size:.84rem;line-height:1.8}@media(max-width:720px){.content{grid-template-columns:1fr}.topbar{padding:16px 0}.hero{padding-top:52px}.page{padding-inline:14px}.related{flex-direction:column;align-items:center}}
.language-switch{position:fixed;top:18px;right:18px;z-index:20;display:flex;gap:5px;align-items:center;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(15,15,15,.9);backdrop-filter:blur(12px);font-size:.76rem;letter-spacing:.12em;color:#8e877c}.language-switch a,.language-switch span{padding:3px 5px}.language-switch .active{color:var(--gold);font-weight:600}@media(max-width:720px){.language-switch{top:10px;right:10px}}
.sound-toggle{position:fixed;right:18px;bottom:18px;z-index:1000;border:1px solid rgba(201,164,90,.8);border-radius:999px;background:rgba(12,12,13,.9);color:var(--gold);padding:9px 14px;font:700 12px "Segoe UI",Arial,sans-serif;cursor:pointer;backdrop-filter:blur(8px)}.sound-toggle[hidden]{display:none}
