:root { --bg:#050505; --surface:#0a0a0a; --gold:#D4AF37; --gold-dim:#8a702a; --bronze:#cd7f32; --silver:#E0E0E0; --text:#fff; --text-dim: #d0d0d0; --border:#222; }
        * { box-sizing:border-box; margin:0; padding:0; }
        body { background:var(--bg); color:var(--text); font-family:'Rajdhani',sans-serif; min-height:100vh; display:flex; flex-direction:column; }
.footer-logo { display:block; height:72px; width:auto; max-width:280px; margin:0 auto 16px; object-fit:contain; }
        .footer-links { margin-top:12px; }
        .footer-links a { color: #b5b5b5; text-decoration:none; margin:0 10px; font-size:0.85rem; }
        .footer-links a:hover { color:var(--gold); }
        .page-header { padding:40px 20px 24px; text-align:center; }
        .page-header h1 { font-family:'Oswald',sans-serif; font-size:clamp(2rem,5vw,3rem); text-transform:uppercase; }
        .container { max-width:900px; margin:0 auto; padding:0 20px 80px; flex-grow:1; width:100%; }
        .card { background:var(--surface); border:1px solid var(--border); border-radius:8px; padding:28px 32px; margin-bottom:24px; }
        .section-title { font-family:'Oswald',sans-serif; text-transform:uppercase; letter-spacing:1px; margin-bottom:16px; color:var(--gold); }
        .logo-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:20px; }
        .logo-item { text-align:center; padding:16px; border:1px solid var(--border); border-radius:8px; }
        .logo-item img { max-width:100%; height:auto; max-height:120px; object-fit:contain; margin-bottom:12px; }
        .logo-item a { color:var(--gold); font-weight:600; text-decoration:none; font-size:0.95rem; }
        .swatches { display:flex; flex-wrap:wrap; gap:16px; }
        .swatch { flex:1; min-width:140px; border-radius:8px; overflow:hidden; border:1px solid var(--border); }
        .swatch-color { height:64px; }
        .swatch-info { padding:10px 12px; font-family:'Roboto Mono',monospace; font-size:0.75rem; color:var(--text-dim); }
        .type-sample h2 { font-family:'Oswald',sans-serif; font-size:2rem; margin-bottom:8px; }
        footer { margin-top:auto; padding:40px 20px; text-align:center; border-top:1px solid var(--border); color: #b0b0b0; font-size:0.8rem; }