@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@300;400;600&display=swap";:root{--color-bg:#0a0a0c;--color-surface:#121216;--color-primary:#6d28d9;--color-secondary:#4c1d95;--color-accent:#f59e0b;--color-text:#e5e7eb;--color-text-muted:#9ca3af;--font-heading:"Cinzel", serif;--font-body:"Inter", sans-serif}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent)}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a0ce6;border-bottom:1px solid #222;padding:1.5rem 0;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:2rem;display:flex}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover{color:var(--color-primary)}.hero{text-align:center;background-color:#0000;background-image:linear-gradient(#000c,#000c),url(https://images.unsplash.com/photo-1514539079130-25950c84af65?auto=format&fit=crop&q=80&w=2000);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;align-items:center;height:60vh;display:flex}.hero h1{margin:0;font-size:3.5rem}.section{padding:5rem 0}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.card{background-color:var(--color-surface);border:1px solid #222;border-radius:4px;padding:2rem;transition:border-color .3s}.card:hover{border-color:var(--color-primary)}.codex-section{margin-bottom:4rem}.rule-box{border-left:4px solid var(--color-primary);background:#1a1a20;margin-bottom:1rem;padding:1.5rem}.footer{text-align:center;background:#050507;border-top:1px solid #222;padding:5rem 0}.btn{background:var(--color-primary);color:#fff;border-radius:2px;padding:.8rem 2rem;font-weight:700;text-decoration:none;display:inline-block}