@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-base:#080808;--bg-elevated:#0f0f10;--bg-surface:#141416;--bg-surface-elevated:#1a1a1e;--bg-overlay:rgba(8,8,8,.88);--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.16);--border-accent:rgba(224,32,32,.45);--text-primary:#f5f5f5;--text-secondary:#9ca3af;--text-muted:#52525b;--text-accent:#ff3b3b;--accent:#e02020;--accent-bright:#ff3b3b;--accent-hover:#ff5252;--accent-dim:rgba(224,32,32,.12);--accent-dim-strong:rgba(224,32,32,.22);--accent-glow:rgba(224,32,32,.35);--status-online:#22c55e;--status-offline:#ef4444;--status-maintenance:#f59e0b;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;--font-pixel:"Press Start 2P",monospace;--font-pixel-lg:"VT323",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:2px;--radius:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow:0 4px 12px rgba(0,0,0,.6);--shadow-lg:0 8px 32px rgba(0,0,0,.7);--shadow-accent:0 0 40px rgba(196,26,26,.2);--shadow-glow:0 0 80px rgba(196,26,26,.15);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.45,0,0.55,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-nav:600;--container-max:1280px;--container-tight:900px;--nav-height:72px;--rail-width:220px;--rail-collapsed:56px;--admin-topbar:52px}body{background-color:var(--bg-base);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;min-height:100vh;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}h1{font-size:clamp(var(--text-4xl),8vw,var(--text-7xl))}h2{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}h3{font-size:clamp(var(--text-2xl),3vw,var(--text-3xl))}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-6)}.container--tight{max-width:var(--container-tight)}.section{padding:var(--space-24) 0}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,0);transition:background var(--duration-fast) var(--ease-out)}.btn:hover:after{background:hsla(0,0%,100%,.05)}.btn--primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 0 0 0 var(--accent-glow)}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--ghost{background:transparent;color:var(--text-primary);border-color:var(--border-strong)}.btn--ghost:hover,.btn--outline{border-color:var(--accent);color:var(--accent)}.btn--outline{background:transparent}.btn--outline:hover{background:var(--accent-dim)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-sm);letter-spacing:.06em;text-transform:uppercase}.badge--accent{background:var(--accent-dim);color:var(--accent-bright);border:1px solid var(--border-accent)}.badge--online{background:rgba(34,197,94,.1);color:var(--status-online);border:1px solid rgba(34,197,94,.3)}.badge--offline{background:rgba(239,68,68,.1);color:var(--status-offline);border:1px solid rgba(239,68,68,.3)}.badge--maintenance{background:rgba(245,158,11,.1);color:var(--status-maintenance);border:1px solid rgba(245,158,11,.3)}.input{width:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}textarea.input{resize:vertical;min-height:120px}.divider{width:100%;height:1px;background:var(--border)}.divider--accent{background:linear-gradient(90deg,var(--accent) 0,transparent 100%);height:2px;width:60px}.label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.label--accent{color:var(--accent-bright)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent-dim-strong);color:var(--text-primary)}.noise-overlay{position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:var(--z-overlay);opacity:.4}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-6)}.grid-2,.grid-3{display:grid;gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6);gap:var(--space-6)}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container{padding:0 var(--space-4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-accent{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px transparent}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-fade-in-up{animation:fadeInUp .6s var(--ease-out) forwards;opacity:0}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 0,var(--bg-surface-elevated) 50%,var(--bg-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius)}.section-header{margin-bottom:var(--space-12)}.section-header .label{display:block;margin-bottom:var(--space-3)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{max-width:48ch;font-size:var(--text-lg)}.section-header--centered{text-align:center}.section-header--centered p{margin:0 auto}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pixel-border{box-shadow:0 -4px 0 0 var(--border-strong),0 4px 0 0 var(--border-strong),-4px 0 0 0 var(--border-strong),4px 0 0 0 var(--border-strong),inset 0 -4px 0 0 rgba(0,0,0,.4),inset 0 4px 0 0 hsla(0,0%,100%,.05)}.pixel-border--red{box-shadow:0 -4px 0 0 var(--accent),0 4px 0 0 var(--accent),-4px 0 0 0 var(--accent),4px 0 0 0 var(--accent),inset 0 -4px 0 0 rgba(0,0,0,.4),inset 0 4px 0 0 hsla(0,0%,100%,.05),0 0 24px rgba(196,26,26,.5)}@keyframes blockFall{0%{transform:translateY(-120px) rotate(0deg);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(110vh) rotate(180deg);opacity:0}}@keyframes pixelFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes blockPulse{0%,to{box-shadow:0 0 0 0 rgba(196,26,26,.7)}50%{box-shadow:0 0 0 8px rgba(196,26,26,0)}}@keyframes glitch1{0%{-webkit-clip-path:inset(0 0 98% 0);clip-path:inset(0 0 98% 0);transform:translate(-2px)}10%{-webkit-clip-path:inset(30% 0 50% 0);clip-path:inset(30% 0 50% 0);transform:translate(2px)}20%{-webkit-clip-path:inset(60% 0 20% 0);clip-path:inset(60% 0 20% 0);transform:translate(-1px)}30%{-webkit-clip-path:inset(90% 0 5% 0);clip-path:inset(90% 0 5% 0);transform:translate(2px)}to{-webkit-clip-path:inset(0 0 98% 0);clip-path:inset(0 0 98% 0);transform:translate(0)}}@keyframes glitch2{0%{-webkit-clip-path:inset(80% 0 0 0);clip-path:inset(80% 0 0 0);transform:translate(2px)}15%{-webkit-clip-path:inset(10% 0 70% 0);clip-path:inset(10% 0 70% 0);transform:translate(-2px)}30%{-webkit-clip-path:inset(50% 0 30% 0);clip-path:inset(50% 0 30% 0);transform:translate(1px)}45%{-webkit-clip-path:inset(85% 0 5% 0);clip-path:inset(85% 0 5% 0);transform:translate(-1px)}to{-webkit-clip-path:inset(80% 0 0 0);clip-path:inset(80% 0 0 0);transform:translate(0)}}@keyframes cursorBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes scanPulse{0%{opacity:0;top:0}50%{opacity:.04}to{opacity:0;top:100%}}.anim-float{animation:pixelFloat 3s ease-in-out infinite}.anim-pulse-red{animation:blockPulse 2s ease infinite}.anim-slide-up{animation:slideUpFade .5s var(--ease-out) both}.anim-scale-in{animation:scaleIn .4s var(--ease-out) both}.anim-shake{animation:shake .3s ease}.anim-delay-1{animation-delay:.1s}.anim-delay-2{animation-delay:.2s}.anim-delay-3{animation-delay:.3s}.anim-delay-4{animation-delay:.4s}.anim-delay-5{animation-delay:.5s}.anim-delay-6{animation-delay:.6s}.anim-delay-7{animation-delay:.7s}.anim-delay-8{animation-delay:.8s}.glitch-text{position:relative}.glitch-text:after,.glitch-text:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.glitch-text:before{color:#f44;animation:glitch1 5s steps(1) infinite}.glitch-text:after{color:#48f;animation:glitch2 5s steps(1) infinite;animation-delay:.5s}.pixel-cursor:after{content:"█";color:var(--accent);animation:cursorBlink 1s step-end infinite;margin-left:2px}.mc-grid-bg{background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,transparent 0);background-size:32px 32px}.btn--pixel{font-family:var(--font-pixel)!important;font-size:.55rem!important;letter-spacing:.05em;text-transform:uppercase;border-radius:0!important;border:none!important;position:relative;box-shadow:inset -4px -4px 0 rgba(0,0,0,.5),inset 4px 4px 0 hsla(0,0%,100%,.1),4px 4px 0 rgba(0,0,0,.6);transition:box-shadow 80ms,transform 80ms!important}.btn--pixel:hover{box-shadow:inset -2px -2px 0 rgba(0,0,0,.5),inset 2px 2px 0 hsla(0,0%,100%,.1),2px 2px 0 rgba(0,0,0,.6);transform:translate(2px,2px)!important}.btn--pixel:active{box-shadow:none;transform:translate(4px,4px)!important}.CookieConsent_banner___eAao{position:fixed;bottom:24px;left:24px;right:24px;max-width:920px;margin:0 auto;z-index:9999;animation:CookieConsent_slideUp__KWlg0 .35s cubic-bezier(.16,1,.3,1)}@keyframes CookieConsent_slideUp__KWlg0{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.CookieConsent_inner__9TPBt{background:rgba(14,14,18,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(224,32,32,.35);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:0 20px 45px rgba(0,0,0,.8),0 0 25px rgba(224,32,32,.12);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.CookieConsent_left__tOy4C{display:flex;align-items:center;gap:14px;flex:1 1;min-width:280px}.CookieConsent_iconWrap__Ss4qq{width:42px;height:42px;background:rgba(224,32,32,.12);border:1px solid rgba(224,32,32,.3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.CookieConsent_icon__FgFxo{font-size:1.4rem}.CookieConsent_textWrap__EmL5f{display:flex;flex-direction:column;gap:3px}.CookieConsent_title__kMBDs{font-family:var(--font-display);font-size:.95rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.01em}.CookieConsent_description__4Ur6e{font-size:.82rem;color:var(--text-secondary);line-height:1.45;margin:0}.CookieConsent_link__eQnFy{color:var(--accent-bright);text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}.CookieConsent_link__eQnFy:hover{color:#fff}.CookieConsent_actions__v_wbN{display:flex;align-items:center;gap:10px;flex-shrink:0}.CookieConsent_essentialBtn__u6lrf{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.CookieConsent_essentialBtn__u6lrf:hover{border-color:hsla(0,0%,100%,.3);color:#fff;background:hsla(0,0%,100%,.05)}.CookieConsent_acceptBtn__zrpQG{background:#e02020!important;color:#fff!important;border:1px solid #ff3b3b!important;padding:8px 16px!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.05em!important;box-shadow:0 4px 14px rgba(224,32,32,.45);cursor:pointer;white-space:nowrap}.CookieConsent_acceptBtn__zrpQG:hover{background:#f33!important;transform:translateY(-1px)}@media (max-width:768px){.CookieConsent_banner___eAao{bottom:12px;left:12px;right:12px}.CookieConsent_inner__9TPBt{flex-direction:column;align-items:stretch;padding:14px 16px;gap:14px}.CookieConsent_actions__v_wbN{width:100%;justify-content:stretch}.CookieConsent_acceptBtn__zrpQG,.CookieConsent_essentialBtn__u6lrf{flex:1 1;text-align:center;justify-content:center}}