@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Inter:wght@300;400;600&display=swap');

:root {
    --bg-dark: #0a111f;
    --card-dark: #162231;
    --gold-primary: #d4af37;
    --text-gray: #8b9bb4;
    --border: #2d3d50;
}

body { background: var(--bg-dark); color: #fff; font-family: 'Inter', sans-serif; margin: 0; }
.brand-font { font-family: 'Cinzel', serif; color: var(--gold-primary); }
.reg-card { background: var(--card-dark); border-radius: 20px; border: 1px solid var(--border); box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.btn-gold { background: var(--gold-primary); color: #000; font-weight: 700; border: none; transition: 0.3s; }
.btn-gold:hover { background: #b8962e; transform: translateY(-2px); }
.form-control { background: var(--bg-dark); border: 1px solid var(--border); color: #fff; padding: 12px; }
.form-control:focus { background: var(--bg-dark); border-color: var(--gold-primary); color: #fff; box-shadow: none; }

/* Station Selector Styles */
.btn-check:checked + .btn-outline-warning { background-color: var(--gold-primary); color: #000; border-color: var(--gold-primary); }
.btn-outline-warning { border-color: var(--gold-primary); color: var(--gold-primary); }