*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07091a;--bg-card:#ffffff0a;--bg-card-alt:#ffffff09;--gold:#caae80;--gold-dark:#bea071;--gold-light:#e8d7bb;--gold-subtle:#caae8012;--gold-border:#caae801a;--gold-border-mid:#caae8033;--gold-border-strong:#caae8059;--text:#f2f2f2;--text-muted:#f2f2f299;--text-dim:#8b949e;--border-nav:#caae801f;--gold-scrollbar:#caae8066;--navy:#07091a;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Playfair Display", Georgia, serif;--ease:cubic-bezier(.25, .46, .45, .94);--radius-card:10px;--radius-btn:2px}.light{--bg:#f4f2ec;--bg-card:#0000000a;--bg-card-alt:#00000008;--gold:#9a7d4e;--gold-dark:#7e6438;--gold-light:#c4a96d;--gold-subtle:#9a7d4e14;--gold-border:#9a7d4e26;--gold-border-mid:#9a7d4e4d;--gold-border-strong:#9a7d4e73;--text:#1a1a2e;--text-muted:#1a1a2e8c;--text-dim:#6b7280;--border-nav:#9a7d4e26;--gold-scrollbar:#9a7d4e66;--navy:#07091a}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}input,select,textarea,button{font-family:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--gold-scrollbar);border-radius:3px}.logo-glow{filter:drop-shadow(0 0 10px #caae8073)drop-shadow(0 0 32px #caae802e)}.card{transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000059;border-top-color:var(--gold)!important}.nav-btn{transition:color .25s,background .25s}.nav-btn:hover:not([aria-current]){color:var(--text)!important}.nav-btn[aria-current=page]{font-weight:600;color:var(--gold)!important;background:var(--gold-subtle)!important}.btn-ghost-gold{transition:background .25s}.btn-ghost-gold:hover{background:var(--gold-subtle)!important}.btn-submit-gold:hover:not(:disabled){opacity:.88}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoFloat{0%{transform:perspective(600px)translateY(0)rotateY(0)rotateX(0)}20%{transform:perspective(600px)translateY(-8px)rotateY(5deg)rotateX(2deg)}45%{transform:perspective(600px)translateY(-4px)rotateY(-3deg)rotateX(-1deg)}70%{transform:perspective(600px)translateY(-10px)rotateY(4deg)rotateX(2deg)}to{transform:perspective(600px)translateY(0)rotateY(0)rotateX(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
