:root{--glaze:#13857F;--deep:#0B5457;--gold:#E2A93B;--goldlo:#A86E16;--cream:#FFF5E2;--ink:#2A2433}
*{box-sizing:border-box}
body{margin:0;font:17px/1.6 "Nunito",system-ui,-apple-system,"PingFang SC",sans-serif;color:var(--ink);
 background:var(--deep) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.14' stroke-width='1.4'%3E%3Crect x='17.7' y='17.7' width='16.6' height='16.6'/%3E%3Cpath d='M26 14.2 37.8 26 26 37.8 14.2 26z'/%3E%3C/g%3E%3C/svg%3E");
 padding:32px max(16px,env(safe-area-inset-right)) 48px max(16px,env(safe-area-inset-left))}
.card{max-width:760px;margin:0 auto;background:var(--cream);border:3px solid var(--gold);outline:1.5px solid var(--ink);border-radius:24px;padding:32px clamp(20px,5vw,48px);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.logo{display:block;margin:0 auto 8px;width:min(360px,80%)}
h1{font-size:28px;margin:.2em 0}h2{margin-top:2em;border-top:2px dashed var(--gold);padding-top:1em}
a{color:var(--glaze);font-weight:700}
nav{text-align:center;margin:24px 0 0;font-weight:700}nav a{margin:0 10px}
.badge{display:inline-block;background:var(--ink);color:#fff;border-radius:12px;padding:10px 18px;text-decoration:none}
.tag{text-align:center;font-size:20px;font-weight:800}
.lang{text-align:center;color:#6b6175}
footer{text-align:center;color:#d8efe9;margin-top:24px;font-size:14px}