*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#111118;--bg3:#1a1a24;--surface:#1e1e2e;--surface2:#252538;--border:#2e2e42;--accent:#e8f44e;--accent2:#ff6b6b;--accent3:#4ecde8;--accent4:#b48ef7;--text:#e8e8f0;--text2:#9090aa;--text3:#606075;--font-display:"Playfair Display",serif;--font-mono:"Space Mono",monospace;--font-body:"DM Sans",sans-serif;--font-serif:"Crimson Text",serif;--font-slab:"Bebas Neue",cursive;--radius:4px;--radius-lg:12px;--transition:.25s ease}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.section{margin:0 auto;max-width:1400px;padding:3rem 2rem}.section-title{color:var(--accent);font-family:var(--font-slab);font-size:clamp(2rem,5vw,4rem);letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.section-sub{color:var(--text3);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;margin-bottom:2rem;text-transform:uppercase}.divider{background:linear-gradient(90deg,transparent,var(--border),transparent);height:1px;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition),transform var(--transition)}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.badge{background:var(--bg3);border:1px solid var(--border);border-radius:999px;color:var(--text2);display:inline-block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;padding:.2em .7em;text-transform:uppercase}.badge--accent{background:var(--accent);border-color:var(--accent);color:#000}.badge--red{background:#3a1820;border-color:var(--accent2);color:var(--accent2)}.badge--blue{background:#0e2530;border-color:var(--accent3);color:var(--accent3)}.badge--purple{background:#211530;border-color:var(--accent4);color:var(--accent4)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:.8rem;gap:.5rem;letter-spacing:.05em;padding:.6em 1.4em;text-decoration:none;text-transform:uppercase;transition:all var(--transition)}.btn--primary{background:var(--accent);color:#000}.btn--primary:hover{background:#fff}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text2)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--danger{background:transparent;border-color:var(--accent2);color:var(--accent2)}.btn--danger:hover{background:var(--accent2);color:#fff}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.animate-spin{animation:spin 1.5s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";top:0;right:0;bottom:0;left:0;opacity:.025;pointer-events:none;position:fixed;z-index:9999}