:root{--obsidian:#0A0A0A;--bone:#F2EDE3;--night:#0E2E1B}
*{box-sizing:border-box} html,body{height:100%}
html{background:var(--obsidian);color:var(--bone)}
body{margin:0;font-family:'Spectral',serif;line-height:1.6}
.wrap{max-width:820px;margin:0 auto;padding:2.5rem 1.25rem}
h1,h2{font-family:'Cinzel',serif;letter-spacing:.08em;text-transform:uppercase;margin:.5rem 0 1rem}
h1{font-weight:700;font-size:clamp(1.6rem,3vw,2.4rem)} h2{font-weight:600;font-size:clamp(1.1rem,2vw,1.3rem)}
.logo{width:112px;height:112px;border-radius:24px;margin:1rem auto .5rem;display:block;border:1px solid rgba(242,237,227,.2);box-shadow:0 8px 24px rgba(0,0,0,.5);object-fit:cover;background:#04150b}
.tag{opacity:.9;font-size:1.05rem}
#links{display:grid;gap:14px;margin-top:1.5rem}
.link-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid rgba(242,237,227,.18);text-decoration:none;color:var(--bone);background:linear-gradient(180deg, rgba(14,46,27,.35), rgba(10,10,10,.35));transition:.12s ease}
.link-btn:hover,.link-btn:focus{transform:translateY(-1px);border-color:rgba(242,237,227,.35);box-shadow:0 6px 18px rgba(0,0,0,.45)}
.link-btn img{width:22px;height:22px;flex:0 0 22px;filter:invert(95%);opacity:.9}
.link-label{font-weight:500;letter-spacing:.02em}
footer{opacity:.75;font-size:.9rem;border-top:1px solid rgba(242,237,227,.12);margin-top:2rem;padding-top:1rem}
.grain{pointer-events:none;position:fixed;inset:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1200\" height=\"800\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"2\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23n)\" opacity=\"0.025\"/></svg>');opacity:.3;mix-blend-mode:soft-light}
@media (prefers-reduced-motion:no-preference){.grain{animation:grainMove 12s linear infinite}@keyframes grainMove{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-5%,-5%,0)}}}
.legal h1{margin-top:0}.legal p,.legal li{max-width:70ch}.legal ul{padding-left:1rem}