:root{--bg-dark: #0F0D08;--bg-card: rgba(22, 20, 16, .6);--bg-card-border: rgba(245, 208, 66, .08);--text-primary: #F2E8D0;--text-secondary: rgba(242, 232, 208, .6);--gold: #F5D042;--gold-dim: #C49B1A;--gold-bright: #FFD700;--glow-color: rgba(245, 208, 66, .15)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;line-height:1.6}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.app-container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--bg-card-border)}.logo{display:flex;align-items:center;gap:12px;font-family:JetBrains Mono,monospace;font-weight:700;letter-spacing:-1px}.logo img{width:32px;filter:drop-shadow(0 0 8px var(--gold-dim))}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--text-primary)}.btn-primary{display:inline-block;padding:12px 32px;background:linear-gradient(135deg,var(--gold),var(--gold-bright));color:#0f0d08;font-weight:700;border-radius:8px;text-decoration:none;letter-spacing:1px;box-shadow:0 4px 20px #f5d04240;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary.small{padding:8px 16px;font-size:13px}.hero{padding:120px 0;text-align:center}h1{font-size:64px;line-height:1.1;font-weight:800;letter-spacing:-2px;margin-bottom:24px}.text-gold{color:var(--gold);text-shadow:0 0 30px rgba(245,208,66,.3)}.hero-btns{display:flex;justify-content:center;gap:16px}.btn-secondary{display:inline-block;padding:12px 32px;border:1px solid var(--bg-card-border);background:#ffffff0d;color:var(--text-primary);font-weight:600;border-radius:8px;text-decoration:none;transition:background .3s}.btn-secondary:hover{background:#ffffff1a}footer{padding:64px 0 32px;border-top:1px solid var(--bg-card-border);margin-top:64px;text-align:center}.footer-logo{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--text-primary)}.footer-logo img{width:24px}.copyright{color:var(--text-secondary);font-size:13px}@media (max-width: 768px){h1{font-size:40px}.nav-links{display:none}}