@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Orbitron:wght@400;500;600;700&family=Syncopate:wght@400;700&display=swap";
:root,.dark{--cf-bg-deep:#050505;--cf-bg-panel:#0a0a0a;--cf-bg-elevated:#111;--cf-bg-inset:#000;--cf-amber:#ffae00;--cf-amber-dim:#996900;--cf-amber-glow:#fc0;--cf-green:#00ff41;--cf-green-dim:#008f24;--cf-cyan:#00f0ff;--cf-cyan-dim:#008fa3;--cf-red:#ff2a2a;--cf-red-dim:#991919;--cf-text:#fff;--cf-text-dim:#888;--cf-text-muted:#444;--cf-border:#333;--cf-border-light:#555;--cf-header-bg:#0a0a0acc;--cf-grid-color:#ffae0012;--cf-grid-size:40px;--cf-scanline-opacity:.15;--cf-noise-opacity:.04;--cf-glow-amber:0 0 10px #ffae0066;--cf-glow-green:0 0 10px #00ff4166;--cf-glow-cyan:0 0 10px #00f0ff66}:root.light,html.light{--cf-bg-deep:#f0f0f0;--cf-bg-panel:#fff;--cf-bg-elevated:#f8f8f8;--cf-bg-inset:#e5e5e5;--cf-amber:#d65d0e;--cf-amber-dim:#af4600;--cf-amber-glow:#e07a34;--cf-green:#458588;--cf-green-dim:#2f5e60;--cf-cyan:#076678;--cf-cyan-dim:#054854;--cf-red:#cc241d;--cf-red-dim:#9d1c16;--cf-text:#050505;--cf-text-dim:#404040;--cf-text-muted:#737373;--cf-border:#bdae93;--cf-border-light:#a89984;--cf-header-bg:#fffc;--cf-grid-color:#00000008;--cf-grid-size:40px;--cf-scanline-opacity:.03;--cf-noise-opacity:.02;--cf-glow-amber:none;--cf-glow-green:none;--cf-glow-cyan:none}:root{--cf-font-display:"Syncopate","Orbitron",sans-serif;--cf-font-mono:"Space Mono",monospace;--cf-font-body:"Space Mono",system-ui,monospace;--cf-scanline:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);--cf-noise: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)'/%3E%3C/svg%3E")}.cassette-theme{background-color:var(--cf-bg-deep);background-image:linear-gradient(var(--cf-grid-color)1px,transparent 1px),linear-gradient(90deg,var(--cf-grid-color)1px,transparent 1px),radial-gradient(circle at 50% 0%,#ffae000d 0%,transparent 70%);background-size:var(--cf-grid-size)var(--cf-grid-size),var(--cf-grid-size)var(--cf-grid-size),100% 100%;color:var(--cf-text);font-family:var(--cf-font-body);--background:var(--cf-bg-deep);--foreground:var(--cf-text);--card:var(--cf-bg-panel);--card-foreground:var(--cf-text);--popover:var(--cf-bg-panel);--popover-foreground:var(--cf-text);--primary:var(--cf-amber);--primary-foreground:#000;--secondary:var(--cf-bg-elevated);--secondary-foreground:var(--cf-text);--muted:var(--cf-bg-inset);--muted-foreground:var(--cf-text-muted);--accent:var(--cf-bg-elevated);--accent-foreground:var(--cf-text);--destructive:var(--cf-red);--destructive-foreground:#fff;--border:var(--cf-border);--input:var(--cf-border);--ring:var(--cf-amber);--radius:0;background-position:top,top,top;min-height:100vh;position:relative;overflow-x:clip;overflow:visible!important}.cassette-theme:before{content:"";background:var(--cf-scanline);pointer-events:none;z-index:9999;opacity:var(--cf-scanline-opacity);position:fixed;inset:0}.cassette-theme:after{content:"";background-image:var(--cf-noise);pointer-events:none;z-index:9998;opacity:var(--cf-noise-opacity);mix-blend-mode:overlay;position:fixed;inset:0}.cf-header{background:var(--cf-header-bg);border-bottom:1px solid var(--cf-border);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;top:0;left:0;right:0}.cf-header-inner{justify-content:space-between;align-items:center;max-width:1400px;height:72px;margin:0 auto;padding:0 2rem;display:flex}.cf-logo{font-family:var(--cf-font-display);color:var(--cf-text);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:1rem;font-size:1.2rem;font-weight:700;transition:color .2s;display:flex}.cf-logo:hover{color:var(--cf-amber)}.cf-logo span{position:relative}.cf-logo:before{content:"";background:var(--cf-amber);width:12px;height:12px;box-shadow:var(--cf-glow-amber);display:block}.cf-nav{gap:2rem;display:flex}.cf-nav-link{font-family:var(--cf-font-mono);color:var(--cf-text-dim);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 0;font-size:.8rem;transition:all .2s;position:relative}.cf-nav-link:hover{color:var(--cf-text)}.cf-nav-link.active{color:var(--cf-amber)}.cf-nav-link.active:after{content:"";background:var(--cf-amber);width:100%;height:2px;box-shadow:var(--cf-glow-amber);position:absolute;bottom:0;left:0}.cf-header-actions{align-items:center;gap:1rem;display:flex}.cf-btn-icon{border:1px solid var(--cf-border);width:36px;height:36px;color:var(--cf-text-dim);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.cf-btn-icon:hover{border-color:var(--cf-text);color:var(--cf-text);background:var(--cf-bg-elevated)}.cf-main{z-index:1;width:100%;max-width:1400px;margin:0 auto;padding:calc(72px + 3rem) 2rem 3rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards cf-entry-zoom;position:relative}@keyframes cf-entry-zoom{0%{opacity:0;filter:blur(4px);transform:scale(.99)translateY(20px)}to{opacity:1;filter:none;transform:none}}.cf-section-header{border-bottom:1px solid var(--cf-border);justify-content:space-between;align-items:flex-end;margin-bottom:2rem;padding-bottom:1rem;display:flex}.cf-section-title{font-family:var(--cf-font-display);color:var(--cf-text);text-transform:uppercase;letter-spacing:.1em;font-size:1.5rem;font-weight:400;line-height:1}.cf-section-badge{font-family:var(--cf-font-mono);color:var(--cf-amber);border:1px solid var(--cf-amber-dim);text-transform:uppercase;padding:.2rem .5rem;font-size:.7rem}.cf-card{background:var(--cf-bg-panel);border:1px solid var(--cf-border);flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative}.cf-card-header{background:var(--cf-bg-inset);border-bottom:1px solid var(--cf-border);font-family:var(--cf-font-mono);color:var(--cf-text-dim);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.6rem;display:flex}.cf-card-header span:first-child:before{content:"NO. ";color:var(--cf-text-muted)}.cf-card:hover{border-color:var(--cf-amber);z-index:10;transform:translateY(-4px)scale(1.01);box-shadow:0 10px 30px -10px #00000080,0 0 15px #ffae001a}.cf-card:hover .cf-card-header{border-color:var(--cf-amber);color:var(--cf-amber);background:#ffae000d}.cf-card-image-wrapper{background:var(--cf-bg-inset);border-bottom:1px solid var(--cf-border);width:100%;padding-top:56.25%;position:relative;overflow:hidden}.cf-card-image{object-fit:cover;filter:grayscale()contrast(1.1)brightness(.9);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.cf-card:hover .cf-card-image{filter:grayscale(0%)contrast(1.05)brightness();transform:scale(1.03)}.cf-card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.cf-card-meta{font-family:var(--cf-font-mono);color:var(--cf-text-muted);gap:1rem;margin-bottom:.75rem;font-size:.7rem;display:flex}.cf-card-title{font-family:var(--cf-font-display);color:var(--cf-text);letter-spacing:.02em;margin-bottom:1rem;font-size:1.1rem;font-weight:600;line-height:1.4}.cf-card-excerpt{font-family:var(--cf-font-body);color:var(--cf-text-dim);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:auto;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.cf-tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.cf-tag{font-family:var(--cf-font-mono);color:var(--cf-text-muted);border:1px solid var(--cf-border);text-transform:uppercase;padding:.2rem .5rem;font-size:.6rem;transition:all .2s}.cf-tag:hover{color:var(--cf-text);border-color:var(--cf-text)}.cf-featured{background:var(--cf-bg-panel);border:1px solid var(--cf-border);grid-template-columns:1.2fr .8fr;margin-bottom:4rem;display:grid;position:relative}.cf-featured:before{content:"SIDE A // FEATURED";background:var(--cf-bg-deep);font-family:var(--cf-font-mono);color:var(--cf-amber);letter-spacing:.1em;padding:0 10px;font-size:.7rem;position:absolute;top:-12px;left:20px}.cf-featured-image-wrapper{border-right:1px solid var(--cf-border);height:400px;position:relative;overflow:hidden}.cf-featured-image{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .5s}.cf-featured:hover .cf-featured-image{filter:grayscale(0%)}.cf-featured-content{flex-direction:column;justify-content:center;padding:3rem;display:flex}.cf-featured-meta{font-family:var(--cf-font-mono);color:var(--cf-amber);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-size:.8rem}.cf-featured-title{font-family:var(--cf-font-display);color:var(--cf-text);text-transform:uppercase;margin-bottom:1.5rem;font-size:2rem;font-weight:700;line-height:1.2}.cf-featured-excerpt{color:var(--cf-text-dim);margin-bottom:2rem;font-size:1rem;line-height:1.7}.cf-read-more{font-family:var(--cf-font-mono);color:var(--cf-text);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--cf-amber);align-items:center;gap:.5rem;width:fit-content;padding-bottom:.2rem;font-size:.8rem;transition:all .2s;display:inline-flex}.cf-read-more:hover{color:var(--cf-amber);gap:.8rem}.cf-grid{gap:2rem;display:grid}.cf-grid-3{grid-template-columns:repeat(3,1fr)}.cf-grid-2-1{grid-template-columns:3fr 1fr}.cf-sidebar{border-left:1px dashed var(--cf-border);flex-direction:column;gap:3rem;padding-left:1rem;display:flex}.cf-widget-title{font-family:var(--cf-font-mono);color:var(--cf-text-muted);text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.7rem;display:flex}.cf-widget-title:after{content:"";background:var(--cf-border);flex:1;height:1px}.cf-category-list{flex-direction:column;gap:.5rem;display:flex}.cf-category-item{font-family:var(--cf-font-mono);color:var(--cf-text-dim);cursor:pointer;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.85rem;transition:all .2s;display:flex}.cf-category-item:hover{color:var(--cf-text);border-bottom-color:var(--cf-amber);padding-left:.5rem}.cf-footer{border-top:1px solid var(--cf-border);background:var(--cf-bg-panel);margin-top:6rem;padding:2rem 0}.cf-footer-inner{max-width:1400px;font-family:var(--cf-font-mono);color:var(--cf-text-muted);justify-content:space-between;align-items:center;margin:0 auto;padding:0 2rem;font-size:.7rem;display:flex}@keyframes cf-glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes cf-scan{0%{background-position:0 -100vh}to{background-position:0 100vh}}@keyframes cf-pulse-glow{0%,to{box-shadow:0 0 5px var(--cf-amber-dim)}50%{box-shadow:0 0 15px var(--cf-amber)}}@keyframes cf-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes cf-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cf-animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards cf-slide-up}.cf-glitch-hover:hover{color:var(--cf-amber);animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both cf-glitch}.cf-card:hover .cf-card-title,.cf-featured:hover .cf-featured-title{color:var(--cf-amber);animation:.4s cubic-bezier(.25,.46,.45,.94) both cf-glitch}.cf-blink{animation:1s step-end infinite cf-blink}.cf-panel{background:var(--cf-bg-panel);border:1px solid var(--cf-border);position:relative;overflow:hidden}.cf-panel:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(45deg,#0000 0% 45%,#ffae0008 50%,#0000 55% 100%) 0 0/200% 200%;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.cf-panel:hover:after{opacity:1}.cf-panel-header{background:var(--cf-bg-inset);border-bottom:1px solid var(--cf-border);font-family:var(--cf-font-mono);color:var(--cf-text-dim);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.cf-card-dots{gap:4px;display:flex}.cf-card-dot{background:var(--cf-bg-elevated);border:1px solid var(--cf-border);border-radius:50%;width:8px;height:8px}.cf-card-dot.red{background:var(--cf-red);box-shadow:0 0 5px var(--cf-red)}.cf-card-dot.amber{background:var(--cf-amber);box-shadow:0 0 5px var(--cf-amber)}.cf-card-dot.green{background:var(--cf-green);box-shadow:0 0 5px var(--cf-green)}.cf-btn-primary{background:var(--cf-amber);color:var(--cf-bg-deep);font-family:var(--cf-font-mono);text-transform:uppercase;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border:none;padding:.5rem 1.5rem;font-weight:700;transition:all .2s}.cf-btn-primary:hover{background:var(--cf-amber-glow);box-shadow:0 0 15px var(--cf-amber-dim);transform:translateY(-1px)}@media (max-width:1024px){.cf-grid-3{grid-template-columns:repeat(2,1fr)}.cf-grid-2-1,.cf-featured{grid-template-columns:1fr}.cf-featured-image-wrapper{border-right:none;border-bottom:1px solid var(--cf-border);height:250px}.cf-sidebar{border-left:none;margin-top:2rem;padding-left:0}}@media (max-width:640px){.cf-grid-3{grid-template-columns:1fr}.cf-nav{display:none}.cf-header-inner{padding:0 1rem}.cf-main{padding:2rem 1rem}}.cf-text-amber{color:var(--cf-amber)}.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--cf-border);border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--cf-text-dim)}