:root{--bg:#0b0a10;--panel:#15131d;--gold:#d8b25a;--arc:#8a6cff;--tx:#e8e3d6;--mut:#9a93a8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Inter,system-ui,sans-serif}
h1,h2,h3,.brand{font-family:Cinzel,serif;color:var(--gold)}a{color:var(--gold)}
.nav{position:sticky;top:0;z-index:9;display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background:#0b0a10d9;backdrop-filter:blur(8px);border-bottom:1px solid #d8b25a33}
.nav .brand{text-decoration:none;font-weight:800;letter-spacing:.2em}.nav nav a{margin-left:1.2rem;text-decoration:none;color:var(--tx);font-size:.9rem}.nav nav a:hover{color:var(--gold)}
.hero{min-height:88vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#2a1f4a 0%,#0b0a10 65%)}
.rune{position:absolute;width:520px;height:520px;border:1px solid #8a6cff55;border-radius:50%;box-shadow:0 0 80px #8a6cff33,inset 0 0 60px #d8b25a22;animation:spin 60s linear infinite}
.rune:after{content:"";position:absolute;inset:40px;border:1px dashed #d8b25a55;border-radius:50%}
@keyframes spin{to{transform:rotate(360deg)}}
.hero h1{font-size:clamp(3.5rem,13vw,8rem);margin:0;letter-spacing:.15em;text-shadow:0 0 30px #d8b25a66;position:relative;background:linear-gradient(#f5dc9a,#a8802e);-webkit-background-clip:text;background-clip:text;color:transparent}
.tag{font-size:1.2rem;color:var(--mut);position:relative;max-width:36rem}
.soon{position:relative;margin:1rem 0;padding:.4rem 1.2rem;border:1px solid var(--arc);color:#c9bbff;letter-spacing:.3em;text-transform:uppercase;font-size:.85rem}
.cta{position:relative;margin-top:.5rem;padding:.8rem 2rem;background:linear-gradient(#e3c06d,#a8802e);color:#1a1408;text-decoration:none;font-weight:600;border-radius:4px}
main{max-width:1100px;margin:auto;padding:0 1.2rem}section{padding:4rem 0}h2{font-size:2.2rem;border-bottom:1px solid #d8b25a33;padding-bottom:.4rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.cards div,.news{background:var(--panel);border:1px solid #d8b25a22;padding:1.2rem;border-radius:6px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}
figure{margin:0;background:radial-gradient(#221d33,var(--panel));border:1px solid #d8b25a22;border-radius:6px;overflow:hidden;transition:.2s}figure:hover{border-color:var(--gold);transform:translateY(-3px)}
figure img{width:100%;aspect-ratio:1;object-fit:contain;display:block}figcaption{text-align:center;padding:.6rem;font-family:Cinzel,serif;color:var(--gold)}
.note{color:var(--mut)}.badge{display:inline-block;background:#8a6cff22;border:1px solid var(--arc);color:#c9bbff;padding:.2rem .8rem;border-radius:3px;font-size:.85rem}
table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:.7rem;text-align:left;border-bottom:1px solid #ffffff11}th{color:var(--gold);font-family:Cinzel,serif}
time{color:var(--mut);font-size:.85rem}footer{text-align:center;padding:2rem;border-top:1px solid #d8b25a33;color:var(--mut);font-size:.9rem}.lang{font-size:.8rem}
@media(max-width:700px){.nav nav{display:none}.rune{width:320px;height:320px}}
