*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0f14;--panel:#111720;--panel2:#182030;--gold:#c9a84c;--gold-lt:#e8c96a;--gold-dk:#8a6820;--border:#c9a84c2e;--text:#e2d9c8;--muted:#7a8a9a;--green:#27ae60;--radius:14px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold-dk);border-radius:4px}.gold{color:var(--gold-lt)}.muted{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.section-title{color:var(--gold-lt);font-family:Amiri,serif;font-size:1.5rem}.btn-gold{background:linear-gradient(135deg, var(--gold-dk), var(--gold), var(--gold-lt));color:#0b0f14;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;transition:opacity .2s,transform .15s}.btn-gold:hover{opacity:.9;transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:.95rem;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.55s both fadeUp}