@import "https://fonts.googleapis.com/css2?family=Oswald:wght@700&family=Inter:wght@400;700;900&family=Roboto+Mono:wght@400;700&family=Permanent+Marker&display=swap";:root{--color-paper:#f2ebe0;--color-black:#121212;--color-crimson:#e61e43;--color-gold:#d4af37;--color-white:#fff;--font-hero:"Oswald", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Roboto Mono", monospace;--font-script:"Permanent Marker", cursive}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-paper);font-family:var(--font-body);color:var(--color-black);background-image:url(/assets/grunge_bg.png);background-size:800px;line-height:1.6}.readable-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid var(--color-black);max-width:1300px;box-shadow:15px 15px 0 var(--color-black);background:#ffffffe6;margin:3.5rem auto;padding:3.5rem;position:relative}.title-large{font-family:var(--font-hero);text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,6rem);line-height:.85}.accent-text{color:var(--color-crimson)}.pipeline-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem;display:grid;position:relative}.pipeline-node{border:4px solid var(--color-crimson);text-align:center;background:#000c;padding:1.5rem;transition:all .2s;position:relative;box-shadow:8px 8px #0003}.pipeline-node:hover{box-shadow:12px 12px 0 var(--color-crimson);transform:translateY(-5px)}.pipeline-node .node-id{font-family:var(--font-mono);color:#00ff41;opacity:.8;margin-bottom:.5rem;font-size:.7rem;display:block}.pipeline-node h4{font-family:var(--font-hero);color:#fff;text-transform:uppercase;font-size:1.2rem}.guide-step-card{background:var(--color-white);border:8px solid var(--color-black);padding:2.5rem;transition:all .2s steps(4,end);position:relative}.guide-step-card:hover{box-shadow:20px 20px 0 var(--color-crimson);transform:translate(-10px,-10px)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:3rem;display:grid}.gallery-item{aspect-ratio:4/3;border:4px solid var(--color-black);background:#333;transition:all .3s;position:relative;overflow:hidden}.gallery-item:hover{transform:scale(1.02)}.gallery-overlay{background:var(--color-crimson);color:#fff;padding:.2rem .5rem;font-size:.7rem;font-weight:900;position:absolute;top:10px;left:10px}.faq-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;display:grid}.faq-item h4{font-family:var(--font-hero);color:var(--color-crimson);border-bottom:2px solid var(--color-black);margin-bottom:.6rem;font-size:1.4rem}.faq-item p{opacity:.85;font-size:1rem;line-height:1.5}.req-bar{background:var(--color-gold);border:4px solid var(--color-black);flex-wrap:wrap;justify-content:space-around;gap:1rem;margin-top:2.5rem;padding:1.5rem;display:flex}.req-item{text-align:center}.req-item span{font-family:var(--font-hero);font-size:1.5rem;display:block}.req-item label{font-family:var(--font-mono);text-transform:uppercase;font-size:.7rem;font-weight:900}.stat-banner{background:var(--color-black);color:var(--color-paper);border-left:20px solid var(--color-crimson);justify-content:space-between;align-items:center;max-width:1300px;margin:3.5rem auto;padding:3rem;display:flex}.stat-item{text-align:center}.stat-item h2{color:var(--color-crimson);font-size:clamp(2.5rem,5vw,4rem)}.stat-item p{text-transform:uppercase;font-size:.8rem;font-weight:900}.fixed-banner{background:var(--color-black);color:#fff;width:100%;font-family:var(--font-mono);z-index:1000;text-align:center;padding:.8rem;position:fixed;left:0}.fixed-banner.top{border-bottom:2px solid var(--color-crimson);top:0}.fixed-banner.bottom{border-top:2px solid var(--color-crimson);bottom:0}@keyframes flicker{0%{opacity:1}10%{opacity:.8}20%{opacity:1}to{opacity:1}}.flicker{animation:.2s infinite alternate flicker}@media (width<=1000px){.faq-grid{grid-template-columns:1fr}.readable-section{padding:2rem}}@keyframes stop-motion-jitter{0%{transform:translate(1px,1px)rotate(.2deg)}25%{transform:translate(-2px,-1px)rotate(-.5deg)}50%{transform:translate(-3px)rotate(.8deg)}75%{transform:translate(3px,1px)rotate(-1deg)}to{transform:translate(1px,-1px)rotate(.3deg)}}.grunge-folder{cursor:pointer;filter:contrast(1.5)grayscale(.2);width:180px;height:auto;image-rendering:pixelated;transition:transform .1s steps(2,end);animation:.15s infinite stop-motion-jitter;position:relative}.grunge-folder:hover{filter:drop-shadow(0 0 10px var(--color-crimson)) grayscale(0);transform:scale(1.05)}.vault-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;background:#121212fa;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.vault-container{background:var(--color-paper);border:10px solid var(--color-black);width:90%;max-width:1200px;height:80vh;box-shadow:30px 30px 0 var(--color-crimson);flex-direction:column;padding:3rem;display:flex;position:relative}.vault-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid;overflow-y:auto}.vault-file{background:var(--color-white);border:2px solid var(--color-black);font-family:var(--font-mono);cursor:pointer;padding:1rem;font-size:.8rem}.vault-file:hover,.vault-file.active{background:var(--color-crimson);color:#fff}.vault-grid::-webkit-scrollbar{width:10px}.vault-grid::-webkit-scrollbar-track{background:var(--color-bone);border:2px solid var(--color-black)}.vault-grid::-webkit-scrollbar-thumb{background:var(--color-black);border:1px solid var(--color-crimson)}.vault-header{border-bottom:4px solid var(--color-black);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.close-vault-btn{background:var(--color-black);color:var(--color-white);font-family:var(--font-mono);border:4px solid var(--color-crimson);cursor:pointer;box-shadow:6px 6px 0 var(--color-crimson);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:.5rem;padding:8px 16px;font-size:1.2rem;font-weight:900;transition:all .1s ease-in-out;display:inline-flex}.close-vault-btn:hover{box-shadow:3px 3px 0 var(--color-crimson);background:var(--color-crimson);border-color:var(--color-black);color:var(--color-black);transform:translate(3px,3px)}.close-vault-btn .close-icon{font-size:1.5rem;font-weight:700;line-height:1}.cta-massive{background:var(--color-crimson);color:var(--color-white);font-family:var(--font-mono);border:6px solid var(--color-black);cursor:pointer;box-shadow:12px 12px 0 var(--color-black);text-transform:uppercase;letter-spacing:2px;padding:1rem 2rem;font-size:1.4rem;font-weight:900;transition:all .1s ease-in-out;display:inline-block}.cta-massive:hover{box-shadow:6px 6px 0 var(--color-black);background:var(--color-black);color:var(--color-crimson);border-color:var(--color-crimson);transform:translate(6px,6px)}.cta-massive.secondary{background:var(--color-white);color:var(--color-black);border-color:var(--color-black);box-shadow:12px 12px 0 var(--color-crimson);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.cta-massive.secondary:hover{background:var(--color-black);color:var(--color-gold);border-color:var(--color-gold);box-shadow:0 0 20px #d4af3780, 6px 6px 0 var(--color-crimson);transform:translate(6px,6px)scale(1.02)}.social-link{background:var(--color-white);border:4px solid var(--color-black);box-shadow:8px 8px 0 var(--color-black);color:var(--color-black);justify-content:center;align-items:center;gap:1.2rem;padding:1rem 2rem;text-decoration:none;transition:all .1s steps(2,end);display:flex}.social-link:hover{background:var(--color-crimson);box-shadow:0px 0px 0 var(--color-black);border-color:var(--color-black);transform:translate(4px,4px);color:var(--color-white)!important}.social-link span{font-family:var(--font-mono);letter-spacing:1px;font-size:1.4rem;font-weight:900}.kernel-card{background:var(--color-white);border:4px solid var(--color-black);box-shadow:8px 8px 0 var(--color-black);padding:1.5rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative}.kernel-card:hover{background:var(--color-paper);transform:translate(-6px,-6px)}.kernel-card.danger:hover{border-color:var(--color-crimson);box-shadow:14px 14px 0 var(--color-crimson)}.kernel-card.warning:hover{border-color:var(--color-gold);box-shadow:14px 14px 0 var(--color-gold)}.kernel-card.info:hover{border-color:var(--color-black);box-shadow:14px 14px 0 var(--color-black)}