* { box-sizing: border-box; }
body { background-color: #000; color: #FFD700; font-family: "Noto Serif", serif; margin: 0; padding-top: 70px; }
#mainNav { background-color: #0a0a0a; border-bottom: 2px solid #B8860B; }
.navbar-brand span { font-size: 1.2rem; font-weight: 700; }
.nav-link { color: #FFD700 !important; font-size: 0.95rem; }
.nav-link:hover { color: #FFF8DC !important; }
#footer { background-color: #0a0a0a; border-top: 2px solid #B8860B; margin-top: 60px; color: #B8860B; }
#footer a { color: #FFD700; text-decoration: none; }
#footer a:hover { color: #FFF8DC; }
h1, h2, h3, h4, h5 { color: #FFD700; }
a { color: #FFD700; }
a:hover { color: #FFF8DC; }
.hero { min-height: 100vh; background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65)), url("/static/media/ny-stock.jpg") center/cover no-repeat; display: flex; align-items: center; justify-content: center; text-align: center; padding: 40px 20px; margin-top: -70px; }
.hero h1 { font-size: 2.5rem; color: #FFD700; text-shadow: 0 0 20px #B8860B; }
.hero p { font-size: 1.2rem; color: #FFF8DC; max-width: 700px; margin: 20px auto; }
.btn-gold { background-color: #B8860B; color: #000; border: 2px solid #FFD700; padding: 12px 32px; font-size: 1rem; border-radius: 4px; text-decoration: none; font-weight: 700; display: inline-block; margin-top: 10px; }
.btn-gold:hover { background-color: #FFD700; color: #000; }
.section { padding: 60px 0; }
.section-alt { background-color: #0a0a0a; }
.card-dark { background-color: #111; border: 1px solid #333; border-radius: 8px; padding: 30px; color: #FFD700; height: 100%; }
.card-dark h4 { color: #FFD700; }
.card-dark p { color: #C9A84C; }
.download-card { background: #111; border: 2px solid #B8860B; border-radius: 10px; padding: 24px; text-align: center; margin-bottom: 20px; }
.download-card h5 { color: #FFD700; }
.download-card a { display: inline-block; margin-top: 12px; }
.page-header { padding: 60px 0 30px; text-align: center; border-bottom: 1px solid #333; margin-bottom: 40px; }
.page-header h1 { font-size: 2.2rem; color: #FFD700; }
@keyframes spin-coin { from { transform: rotateY(0deg); } to { transform: rotateY(360deg); } }
.coin-spin { animation: spin-coin 6s linear infinite; }
code, pre { background: #111; color: #FFD700; border: 1px solid #333; padding: 4px 8px; border-radius: 4px; }
pre { padding: 16px; overflow-x: auto; }