*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#0a0a0f;--cream:#f8f6f1;--gold:#c9a84c;--gold-dim:#a88a3a;--violet:#6b5ce7;--violet-glow:rgba(107,92,231,0.15);--slate:#4a4a5a;--mist:#e8e5de;--red:#e05c5c;--green:#3ec98e;--orange:#e07c3e;--pink:#e03e7c}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--ink);color:var(--cream);line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif}
a{color:var(--gold);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}
.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:8px;border:none;font-family:'Space Grotesk',sans-serif;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:var(--gold-dim);text-decoration:none;transform:translateY(-1px)}
.btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.btn-outline:hover{background:var(--violet-glow);text-decoration:none}
.form-group{display:flex;flex-direction:column;gap:0.4rem}
.form-label{font-size:0.8rem;font-weight:500;color:var(--mist);letter-spacing:0.05em;text-transform:uppercase}
.form-input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0.75rem 1rem;color:var(--cream);font-family:'DM Sans',sans-serif;font-size:1rem;transition:border-color .2s;width:100%}
.form-input:focus{outline:none;border-color:var(--gold)}
.form-input::placeholder{color:var(--slate)}
.card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:rgba(10,10,15,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}
.nav-brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.1rem;color:var(--cream);display:flex;align-items:center;gap:0.5rem}
.nav-brand .dot{width:8px;height:8px;border-radius:50%;background:var(--gold)}
.nav-links{display:flex;gap:2rem;align-items:center}
.nav-links a{color:var(--mist);font-size:0.9rem}
.nav-links a:hover{color:var(--cream);text-decoration:none}
footer{padding:3rem 1.5rem;text-align:center;color:var(--slate);font-size:0.85rem;border-top:1px solid rgba(255,255,255,.04);margin-top:4rem}