*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--it-bg:#0b0f18;--it-card:#111720;--it-gold:#d4af37;--it-gold-light:#f3d36b;--it-cream:#f7f1d3;--bg:#faf7f2;--bg2:#f3ede3;--panel:#fff;--panel2:#fdf9f4;--gold:#b8860b;--gold-lt:#d4a017;--gold-dk:#8b6508;--border:#e8dcc8;--border2:#b8860b33;--text:#1a1410;--text2:#3d3020;--muted:#8a7560;--green:#2d6a4f;--green-lt:#40916c;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 32px #0000001f;--nav-bg:#faf7f2f2;--card-hover:#b8860b0a;--input-bg:#faf7f2;--toggle-bg:#e8dcc8;--ad-bg:#f3ede3}[data-theme=dark]{--bg:#111319;--bg2:#191c21;--panel:#1d2025;--panel2:#272a30;--gold:#f2ca50;--gold-lt:#ffe088;--gold-dk:#d4af37;--border:#4d4635;--border2:#f2ca5033;--text:#e1e2ea;--text2:#d0c5af;--muted:#99907c;--green:#6bdc9f;--green-lt:#88f9ba;--shadow:0 2px 12px #0006;--shadow-lg:0 8px 32px #0009;--nav-bg:#111319f2;--card-hover:#f2ca500a;--input-bg:#272a30;--toggle-bg:#32353b;--ad-bg:#191c21}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;transition:background .3s,color .3s}body:before{content:"";z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' opacity='0.03'%3E%3Cpath fill='%23b8860b' d='M40 0l5 15h16l-13 9 5 15-13-9-13 9 5-15-13-9h16z'/%3E%3C/svg%3E");background-size:80px 80px;position:fixed;inset:0}main{z-index:1;position:relative}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--gold-dk);border-radius:4px}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;transition:background .3s,border-color .3s}.btn-gold{background:linear-gradient(135deg, var(--gold-dk), var(--gold-lt));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 2px 8px #b8860b4d}.btn-gold:hover{opacity:.92;transform:translateY(-1px)}.btn-ghost{border:1.5px 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:all .2s}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.btn-green{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2d6a4f,#40916c);border:none;border-radius:8px;padding:12px 24px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s}.btn-green:hover{opacity:.9;transform:translateY(-1px)}.field-input{background:var(--input-bg);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .2s,background .3s}.field-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--border2)}.ad-slot{background:var(--ad-bg);border:1px dashed var(--border);color:var(--muted);opacity:.78;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:76px;margin:20px 0;font-size:11px;transition:background .3s;display:flex}.page-header-gold{border:1px solid var(--border2);text-align:center;background:linear-gradient(135deg,#b8860b1c,#d4a0170e);border-radius:10px;margin-bottom:24px;padding:28px 20px;transition:background .3s}.page-header-green{text-align:center;background:linear-gradient(135deg,#2d6a4f1f,#d4af370b);border:1px solid #2d6a4f40;border-radius:10px;margin-bottom:24px;padding:28px 20px;transition:background .3s}.page-header-blue{border:1px solid var(--border2);text-align:center;background:linear-gradient(135deg,#b8860b1a,#11172008);border-radius:10px;margin-bottom:24px;padding:28px 20px;transition:background .3s}.page-header-pink{border:1px solid var(--border2);text-align:center;background:linear-gradient(135deg,#b8860b1a,#2d6a4f0b);border-radius:10px;margin-bottom:24px;padding:28px 20px;transition:background .3s}.page-header-purple{border:1px solid var(--border2);text-align:center;background:linear-gradient(135deg,#b8860b1a,#d4af3709);border-radius:10px;margin-bottom:24px;padding:28px 20px;transition:background .3s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.5s both fadeUp}@media (width<=639px){.desktop-nav{display:none!important}}@media (width>=640px){.mobile-nav{display:none!important}}