@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Inter:wght@300;400;500;600;700&family=UnifrakturMaguntia&display=swap";
:root{--navy:#1c2951;--navy-dark:#111828;--navy-mid:#1e3264;--crimson:#b22234;--crimson-light:#d42b42;--crimson-dark:#8a1a28;--white:#f5f5f5;--white-dim:#f5f5f5b3;--white-faint:#f5f5f51f;--bg-base:#09090f;--bg-card:#13131e;--bg-card-hover:#1a1a2e;--bg-overlay:#09090fd9;--border:#f5f5f514;--border-accent:#b2223480;--font-display:"Cinzel", "Georgia", serif;--font-gothic:"UnifrakturMaguntia", "Georgia", serif;--font-body:"Inter", system-ui, sans-serif;--container:1200px;--section-pad:100px;--section-pad-sm:60px;--radius:4px;--radius-md:8px;--radius-lg:16px;--transition:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.45s cubic-bezier(.4, 0, .2, 1);--shadow-card:0 4px 24px #00000080;--shadow-crimson:0 0 30px #b222344d;--shadow-navy:0 0 30px #1c295180}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}.font-display{font-family:var(--font-display)}.font-gothic{font-family:var(--font-gothic)}.text-crimson{color:var(--crimson)}.text-navy{color:var(--navy)}.text-white-dim{color:var(--white-dim)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}@media (max-width:768px){.container{padding:0 16px}}.btn{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius);transition:all var(--transition);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:.85rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--crimson);color:var(--white);border:2px solid var(--crimson);box-shadow:0 0 20px #b222344d}.btn-primary:hover{background:var(--crimson-light);border-color:var(--crimson-light);transform:translateY(-2px);box-shadow:0 0 35px #b2223480}.btn-outline{color:var(--white);background:0 0;border:2px solid #f5f5f566}.btn-outline:hover{border-color:var(--white);background:var(--white-faint);transform:translateY(-2px)}.btn-navy{background:var(--navy);color:var(--white);border:2px solid var(--navy-mid)}.btn-navy:hover{background:var(--navy-mid);box-shadow:var(--shadow-navy);transform:translateY(-2px)}.section-header{text-align:center;margin-bottom:64px}.section-tag{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--crimson);border:1px solid var(--border-accent);border-radius:var(--radius);margin-bottom:16px;padding:6px 16px;font-size:.7rem;display:inline-block}.section-title{font-family:var(--font-display);color:var(--white);margin-bottom:16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1}.section-title span{color:var(--crimson)}.section-desc{color:var(--white-dim);max-width:600px;margin:0 auto;font-size:1rem;line-height:1.7}.divider{align-items:center;gap:16px;width:fit-content;margin:0 auto 24px;display:flex}.divider-line{background:linear-gradient(90deg, transparent, var(--crimson));width:60px;height:1px}.divider-line.right{background:linear-gradient(90deg, var(--crimson), transparent)}.divider-icon{color:var(--crimson);font-size:.8rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);overflow:hidden}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-crimson);transform:translateY(-4px)}.badge{font-size:.7rem;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius);padding:4px 10px;font-weight:600;display:inline-block}.badge-samp{color:#7ba7f7;background:#1c2951cc;border:1px solid #7ba7f74d}.badge-fivem{color:#f7a07b;background:#320f0fcc;border:1px solid #f7a07b4d}.badge-both{color:#c07bf7;background:#280a28cc;border:1px solid #c07bf74d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--crimson-dark);border-radius:3px}::selection{background:var(--crimson);color:var(--white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #b222344d}50%{box-shadow:0 0 40px #b2223499}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:.6s forwards fadeInUp}.animate-pulse-glow{animation:3s infinite pulse-glow}.noise-overlay:before{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.grunge-divider{background:linear-gradient(90deg, transparent, var(--crimson) 20%, var(--navy) 50%, var(--crimson) 80%, transparent);opacity:.6;width:100%;height:2px}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}body.menu-open{overflow:hidden}