:root{--night:#0A0722;--night1:#171046;--plum:#3E1F63;--dusk:#8E3E6B;--ember:#D9783F;--gold:#F7C953;--gold-light:#FFF4C9;--gold-deep:#D99A2B;--garnet:#C8372D;--cream:#FFF6E3;--ink:#1A1233}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:"Baloo Bhaijaan 2",system-ui,sans-serif;color:var(--cream);background:linear-gradient(var(--night) 0%,var(--night1) 35%,var(--plum) 70%,var(--dusk) 92%,var(--ember) 100%) fixed;min-height:100vh;line-height:1.75}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='none' stroke='%23F7C953' stroke-width='1.3'%3E%3Crect x='22' y='22' width='28' height='28'/%3E%3Crect x='22' y='22' width='28' height='28' transform='rotate(45 36 36)'/%3E%3C/g%3E%3C/svg%3E")}
.wrap{position:relative;max-width:760px;margin:0 auto;padding:28px 16px 64px}
header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:22px}
header img{width:96px;height:96px;border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 2px rgba(247,201,83,.6)}
.logo{font-size:58px;font-weight:800;line-height:1.2;margin:6px 0 0;background:linear-gradient(#FFFBEA,var(--gold) 60%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 #8F5A0E) drop-shadow(0 8px 14px rgba(0,0,0,.4))}
.tag{opacity:.85;margin:0}
.sadu{width:200px;height:12px;border-radius:3px;box-shadow:0 0 0 1.5px var(--gold-deep);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Crect width='24' height='12' fill='%231A1233'/%3E%3Cpath d='M0 12 L6 1 L12 12 Z' fill='%23C8372D'/%3E%3Cpath d='M12 12 L18 1 L24 12 Z' fill='%23F7C953'/%3E%3C/svg%3E") repeat-x}
nav{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0 6px}
nav a{color:var(--cream);text-decoration:none;font-weight:700;padding:6px 16px;border-radius:999px;border:1.5px solid rgba(247,201,83,.55);background:linear-gradient(rgba(62,31,99,.8),rgba(23,16,70,.9))}
nav a.on{background:linear-gradient(var(--gold-light),var(--gold));color:var(--ink);border-color:var(--ink)}
.card{background:linear-gradient(rgba(36,24,84,.92),rgba(20,14,56,.95));border:1.5px solid rgba(247,201,83,.45);border-radius:22px;padding:22px 22px 18px;margin:18px 0;box-shadow:0 18px 40px rgba(0,0,0,.35)}
h1{font-size:30px;line-height:1.3;margin:0 0 4px;color:var(--gold-light)}
h2{font-size:21px;margin:22px 0 4px;color:var(--gold)}
p,li{font-size:17px}
ul{padding-inline-start:22px}
a{color:var(--gold)}
.muted{opacity:.7;font-size:14px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:18px;text-decoration:none;color:var(--ink);padding:10px 22px;border-radius:16px;border:2.5px solid var(--ink);background:linear-gradient(var(--gold-light),var(--gold) 45%,var(--gold-deep));box-shadow:0 5px 0 #8F5A0E}
details{border-top:1px solid rgba(247,201,83,.2);padding:10px 0}
details:first-of-type{border-top:none}
summary{cursor:pointer;font-weight:700;font-size:17px;color:var(--gold-light)}
summary::marker{color:var(--gold)}
[lang=en]{direction:ltr;text-align:left;font-family:"Baloo Bhaijaan 2",system-ui,sans-serif}
footer{text-align:center;opacity:.6;font-size:14px;margin-top:30px}
@media (max-width:480px){.logo{font-size:46px}h1{font-size:25px}.card{padding:18px 16px}}