@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=DM+Sans:wght@400;500;700&display=swap');
:root{--gold:#E0B341;--ink:#f4f4f5;--muted:#9aa0aa;--line:#262b33;--bg:#0e1116;--card:#161a21}
*{box-sizing:border-box}
body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);line-height:1.7}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header.site{background:rgba(14,17,22,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.bar{display:flex;align-items:center;height:64px}
.logo{font-family:'Sora',sans-serif;font-weight:800;font-size:22px;color:#fff}
.logo span{color:var(--gold)}
.nav{margin-left:auto;display:flex;gap:20px}.nav a{color:var(--muted);font-weight:600;font-size:14px}
main{padding:36px 0 60px}
h1{font-family:'Sora',sans-serif;font-size:32px;margin:0 0 6px;letter-spacing:-.5px}
.updated{color:var(--muted);font-size:13px;margin:0 0 28px}
h2{font-family:'Sora',sans-serif;font-size:20px;margin:30px 0 8px}
p,li{color:#c3c8d0;font-size:15px}
ul{padding-left:22px}
.box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:18px 0}
footer{border-top:1px solid var(--line);padding:24px 0;color:#7a828d;font-size:13px}
footer a{color:#b9c0ca;margin-right:16px}
.field{margin:12px 0}label{display:block;font-size:13px;font-weight:700;color:#b9c0ca;margin-bottom:5px}
input,textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#0e1116;color:#fff;font-size:14px;font-family:inherit;outline:0}
input:focus,textarea:focus{border-color:var(--gold)}
.btn{background:var(--gold);color:#1a1402;border:0;padding:12px 22px;border-radius:9px;font-weight:700;font-family:'Sora',sans-serif;font-size:15px;cursor:pointer;margin-top:10px}