*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0a0806;--bg-surface:#120e09;--bg-raised:#1a1410;--bg-overlay:#221a12;--glow-warm:#c17f3a;--glow-bright:#e8a855;--accent:#f0c87a;--accent-dim:#a8853a;--text-primary:#f5edd8;--text-secondary:#b8a898;--text-dim:#9c8c76;--border:#c17f3a26;--border-glow:#e8a85573;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--transition:.2s ease}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes copper-pulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.28;transform:scale(1.06)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes count-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.copper-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);position:relative;overflow:hidden}.copper-card:after{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(105deg,#0000 40%,#f0c87a0f 50%,#0000 60%) 0 0/200% 100%;position:absolute;inset:0}.copper-card:hover{border-color:var(--border-glow);box-shadow:0 0 0 1px #e8a85540,0 0 32px #c17f3a1f,0 0 64px #c17f3a0a}.copper-card:hover:after{opacity:1;animation:2.4s infinite shimmer}.btn-copper{background:linear-gradient(135deg, var(--glow-warm), var(--glow-bright));color:#0a0806;border-radius:var(--radius-sm);cursor:pointer;transition:filter var(--transition), transform var(--transition);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-copper:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-ghost{color:var(--text-primary);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition), color var(--transition);background:0 0;align-items:center;gap:8px;padding:11px 28px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-ghost:hover{border-color:var(--border-glow);color:var(--accent)}.code-block{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent);background:#0d0b07;padding:16px 20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.7;overflow-x:auto}.callout{border-radius:var(--radius-sm);border-left:3px solid;margin:16px 0;padding:14px 18px;font-size:.9rem}.callout-tip{border-color:var(--glow-warm);background:#c17f3a14}.callout-warn{color:#e8c080;background:#e8a03014;border-color:#e8a030}.callout-danger{color:#f08070;background:#c0392b14;border-color:#c0392b}.section-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--glow-bright);margin-bottom:10px;font-size:.72rem;font-weight:700}.copper-rule{background:linear-gradient(to right, transparent, var(--glow-warm), transparent);border:none;height:1px;margin:48px 0}