@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";:root{--green:#00ff41;--green-dim:#0c3;--green-faint:#003b00;--green-glow:#00ff414d;--cyan:#0ff;--cyan-dim:#0cc;--red:#ff003c;--yellow:#fc0;--bg:#020204;--bg-panel:#001400d9;--bg-card:#00ff410a;--border:#00ff4140;--border-bright:#00ff4199;--text-primary:#c8ffcb;--text-dim:#4a7c59;--font-mono:"Fira Code", "Courier New", monospace;--font-display:"Orbitron", sans-serif;--nav-h:64px;--section-pad:96px;--radius:4px;--transition:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--green);font-family:var(--font-mono);min-height:100vh;line-height:1.7;overflow-x:hidden}::selection{background:var(--green);color:var(--bg)}#matrix-canvas{z-index:0;opacity:.18;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.scanline-overlay{z-index:1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000012 2px 4px);width:100%;height:100%;animation:8s linear infinite scanlines;position:fixed;top:0;left:0}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100vh}}.nav{z-index:100;height:var(--nav-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition);background:#020204e6;justify-content:space-between;align-items:center;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-color:var(--border-bright)}.nav__logo{font-family:var(--font-display);letter-spacing:4px;color:var(--green);text-shadow:0 0 12px var(--green-glow);font-size:1rem;font-weight:700}.nav__bracket{color:var(--cyan)}.nav__links{align-items:center;gap:32px;list-style:none;display:flex}.nav__link{color:var(--text-dim);letter-spacing:1px;transition:color var(--transition);padding:4px 0;font-size:.85rem;font-weight:500;text-decoration:none;position:relative}.nav__link:after{content:"";background:var(--green);width:0;height:1px;transition:width var(--transition);box-shadow:0 0 6px var(--green-glow);position:absolute;bottom:-2px;left:0}.nav__link:hover,.nav__link.active{color:var(--green);text-shadow:0 0 8px var(--green-glow)}.nav__link:hover:after,.nav__link.active:after{width:100%}.nav__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav__toggle span{background:var(--green);width:24px;height:2px;transition:var(--transition);display:block}.section{z-index:2;padding:var(--section-pad) 80px;flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative}.section__header{margin-bottom:60px}.section__tag{color:var(--text-dim);letter-spacing:1px;margin-bottom:12px;font-size:.75rem;display:block}.section__tag--close{color:var(--text-dim);letter-spacing:1px;margin-top:60px;font-size:.75rem;display:block}.section__title{font-family:var(--font-display);color:var(--green);text-shadow:0 0 20px var(--green-glow);letter-spacing:4px;font-size:clamp(1.8rem,4vw,3rem);font-weight:700}.hero{min-height:100vh;padding-top:calc(var(--nav-h) + 40px);justify-content:center;align-items:flex-start}.hero__content{max-width:900px}.terminal-line{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:.95rem;display:flex}.terminal-prompt{color:var(--green);text-shadow:0 0 8px var(--green-glow);white-space:nowrap}.typed-text{color:var(--cyan)}.hero__name{font-family:var(--font-display);letter-spacing:8px;color:var(--green);text-shadow:0 0 10px var(--green), 0 0 30px var(--green-glow), 0 0 60px #00ff411a;margin-bottom:20px;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:900;line-height:1.1}.hero__role{color:var(--cyan);letter-spacing:3px;text-shadow:0 0 10px #0ff6;margin-bottom:40px;font-size:clamp(1rem,2.5vw,1.4rem)}.role-bracket{color:var(--green-dim)}.hero__cta{flex-wrap:wrap;gap:20px;margin-bottom:48px;display:flex}.hero__status{flex-wrap:wrap;gap:32px;display:flex}.status-item{color:var(--text-dim);letter-spacing:2px;align-items:center;gap:8px;font-size:.75rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.status-dot--online{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot--secure{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.scroll-indicator{color:var(--text-dim);letter-spacing:3px;flex-direction:column;align-items:center;gap:8px;font-size:.7rem;animation:2s ease-in-out infinite fade-bounce;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-arrow{border-right:2px solid var(--green-dim);border-bottom:2px solid var(--green-dim);width:16px;height:16px;transform:rotate(45deg)}@keyframes fade-bounce{0%,to{opacity:.4;transform:translate(-50%)translateY(0)}50%{opacity:1;transform:translate(-50%)translateY(6px)}}.btn{font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;border-radius:var(--radius);transition:all var(--transition);border:none;align-items:center;gap:8px;padding:12px 28px;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--green);opacity:0;transition:opacity var(--transition);position:absolute;inset:0}.btn:hover:before{opacity:.08}.btn--primary{background:var(--green);color:var(--bg);box-shadow:0 0 20px var(--green-glow), inset 0 1px 0 #ffffff26}.btn--primary:hover{background:var(--green-dim);box-shadow:0 0 35px var(--green-glow), 0 0 60px #00ff411a;transform:translateY(-2px)}.btn--outline{color:var(--green);border:1px solid var(--border-bright);box-shadow:0 0 10px var(--green-glow);background:0 0}.btn--outline:hover{border-color:var(--green);box-shadow:0 0 25px var(--green-glow);transform:translateY(-2px)}.btn__icon{font-size:.9rem}.btn--submit{justify-content:center;width:100%;margin-top:8px}.cursor-blink{color:var(--green);text-shadow:0 0 8px var(--green);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--red);clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);text-shadow:-2px 0 var(--red);animation:3s infinite glitch-before}.glitch:after{color:var(--cyan);clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);text-shadow:2px 0 var(--cyan);animation:3s infinite glitch-after}@keyframes glitch-before{0%{transform:translate(0)}10%{transform:translate(-4px,2px)}20%{transform:translate(4px,-2px)}30%{transform:translate(0)}70%{transform:translate(0)}80%{clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);transform:translate(-3px,1px)}90%{transform:translate(3px,-1px)}to{transform:translate(0)}}@keyframes glitch-after{0%{transform:translate(0)}10%{transform:translate(4px,-2px)}20%{transform:translate(-4px,2px)}30%{transform:translate(0)}70%{transform:translate(0)}80%{clip-path:polygon(0 65%,100% 65%,100% 85%,0 85%);transform:translate(3px,-1px)}90%{transform:translate(-3px,1px)}to{transform:translate(0)}}.glitch-hover:hover{animation:.3s ease-in-out glitch-shake}@keyframes glitch-shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}}.terminal-window{background:var(--bg-panel);border:1px solid var(--border);transition:border-color var(--transition), box-shadow var(--transition);border-radius:8px;overflow:hidden;box-shadow:0 0 30px #00ff410d,inset 0 1px #00ff411a}.terminal-window:hover{border-color:var(--border-bright);box-shadow:0 0 40px #00ff411a,inset 0 1px #00ff4126}.terminal-header{border-bottom:1px solid var(--border);background:#00140099;align-items:center;gap:12px;padding:12px 16px;display:flex}.terminal-dots{gap:6px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot--red{background:#ff5f57;box-shadow:0 0 4px #ff5f5788}.dot--yellow{background:#febc2e;box-shadow:0 0 4px #febc2e88}.dot--green{background:#28c840;box-shadow:0 0 4px #28c84088}.terminal-title{color:var(--text-dim);letter-spacing:1px;text-align:center;flex:1;font-size:.75rem}.terminal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.terminal-line-out{color:var(--text-primary);font-size:.88rem;line-height:1.8}.about__grid{grid-template-columns:1fr 500px;align-items:start;gap:48px;display:grid}.photo-glitch-border{border:1px solid var(--border-bright);box-shadow:0 0 25px var(--green-glow), inset 0 0 25px #00ff4108;border-radius:8px;padding:4px;line-height:0;animation:6s ease-in-out infinite border-flicker;position:relative}@keyframes border-flicker{0%,95%,to{box-shadow:0 0 20px var(--green-glow), inset 0 0 20px #00ff4108}96%{box-shadow:0 0 5px var(--green-glow)}97%{box-shadow:0 0 30px var(--green-glow), inset 0 0 30px #00ff410f}98%{box-shadow:0 0 5px var(--green-glow)}}.photo-placeholder{background:var(--green-faint);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.photo-placeholder img{object-fit:contain;width:100%;height:100%}.photo-overlay{color:var(--text-dim);letter-spacing:2px;opacity:0;transition:opacity var(--transition);background:#00ff410d;justify-content:center;align-items:center;font-size:.8rem;display:flex;position:absolute;inset:0}.photo-placeholder.no-image .photo-overlay,.photo-placeholder.show-text .photo-overlay{opacity:1}.photo-stats{flex-direction:column;gap:12px;margin-top:20px;display:flex}.stat-row{font-size:.85rem;font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;display:flex}.stat-label{color:var(--accent)}.stat-value{color:var(--text);font-weight:500}.github-graph{border:1px solid var(--border);background:#02020499;width:100%;min-width:450px;margin-top:20px;padding:15px}.graph-header{color:var(--accent);font-size:.75rem;font-family:var(--font-mono);margin-bottom:12px}.graph-grid{flex-direction:column;gap:4px;display:flex}.graph-row{align-items:center;gap:8px;display:flex}.day-label{color:var(--text-muted);width:30px;font-size:.65rem;font-family:var(--font-mono)}.contrib-cells{gap:3px;display:flex}.cell{width:12px;height:12px}.cell.level-0{background:#161b22}.cell.level-1{background:#0e4429}.cell.level-2{background:#006d32}.cell.level-3{background:#26a641}.cell.level-4{background:#39d353}.graph-legend{justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;display:flex}.graph-legend .cell{width:10px;height:10px}.legend-label{color:var(--text-muted);font-size:.6rem;font-family:var(--font-mono)}.graph-city-img{border:1px solid var(--border);opacity:.9;border-radius:4px;width:100%;max-width:200px;margin-top:15px}.stat-row{border-bottom:1px solid var(--green-faint);justify-content:space-between;padding:6px 0;font-size:.78rem;display:flex}.stat-label{color:var(--text-dim);letter-spacing:1px}.stat-value{color:var(--green)}.graph-gitcity-row{margin-top:20px}.blink-text{animation:1.5s step-end infinite blink}.fade-in-line{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(8px)}.fade-in-line.visible{opacity:1;transform:translateY(0)}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);cursor:pointer;border-radius:8px;overflow:hidden}.project-card:hover{border-color:var(--border-bright);box-shadow:0 16px 40px #00ff411a, 0 0 0 1px var(--border-bright);transform:translateY(-6px)}.project-card__image{background:var(--green-faint);width:100%;height:200px;position:relative;overflow:hidden}.project-card__image img{object-fit:cover;filter:saturate(.7)brightness(.8);width:100%;height:100%;transition:transform .5s,filter .3s}.project-card:hover .project-card__image img{filter:saturate()brightness();transform:scale(1.05)}.project-card__overlay{background:linear-gradient(#0000 50%,#020204e6 100%);align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.project-card__status{color:var(--green);letter-spacing:2px;text-shadow:0 0 8px var(--green-glow);font-size:.7rem}.project-card__content{padding:20px}.project-card__title{font-family:var(--font-display);letter-spacing:2px;color:var(--green);text-shadow:0 0 10px var(--green-glow);margin-bottom:10px;font-size:1rem;font-weight:700}.project-card__desc{color:var(--text-primary);margin-bottom:16px;font-size:.82rem;line-height:1.8}.project-card__tech{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tech-tag{border:1px solid var(--border);color:var(--green-dim);letter-spacing:1px;transition:border-color var(--transition), color var(--transition);border-radius:2px;padding:3px 10px;font-size:.7rem}.project-card:hover .tech-tag{border-color:var(--green-dim);color:var(--green)}.project-card__links{gap:16px;display:flex}.project-link{color:var(--cyan);letter-spacing:1px;transition:color var(--transition);padding:4px 0;font-size:.8rem;text-decoration:none;position:relative}.project-link:hover{color:var(--green);text-shadow:0 0 8px var(--green-glow)}.skills__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px;display:grid}.skill-category{background:var(--bg-card);border:1px solid var(--border);transition:border-color var(--transition);border-radius:8px;padding:28px}.skill-category:hover{border-color:var(--border-bright)}.skill-category__title{font-family:var(--font-display);letter-spacing:2px;color:var(--cyan);border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:12px;font-size:.85rem;font-weight:600}.skill-bars{flex-direction:column;gap:20px;display:flex}.skill-bar__header{justify-content:space-between;margin-bottom:8px;display:flex}.skill-bar__name{color:var(--text-primary);letter-spacing:1px;font-size:.82rem}.skill-bar__percent{color:var(--green);text-shadow:0 0 6px var(--green-glow);font-size:.78rem}.skill-bar__track{border:1px solid var(--border);background:#00ff4114;border-radius:3px;width:100%;height:6px;overflow:hidden}.skill-bar__fill{background:linear-gradient(90deg, var(--green-dim), var(--green));width:0;height:100%;box-shadow:0 0 8px var(--green-glow);border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.skill-bar__fill.animated{width:var(--target-width)}.contact__grid{grid-template-columns:1fr 360px;align-items:start;gap:48px;display:grid}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-dim);letter-spacing:1px;font-size:.8rem}.form-input{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-mono);transition:border-color var(--transition), box-shadow var(--transition);caret-color:var(--green);background:#00ff4108;outline:none;padding:12px 16px;font-size:.88rem}.form-input::placeholder{color:var(--text-dim)}.form-input:focus{border-color:var(--green);box-shadow:0 0 15px var(--green-glow);background:#00ff410d}.form-textarea{resize:vertical;min-height:120px}.contact__subtitle{color:var(--cyan);letter-spacing:2px;margin-bottom:28px;font-size:1rem}.contact__links{flex-direction:column;gap:16px;display:flex}.contact-link{border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition);grid-template-columns:16px auto 1fr;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:grid}.contact-link:hover{border-color:var(--green);box-shadow:0 0 15px var(--green-glow);background:#00ff410a;transform:translate(6px)}.contact-link__icon{color:var(--green);font-size:.6rem}.contact-link__label{color:var(--text-dim);letter-spacing:2px;font-size:.75rem}.contact-link__value{color:var(--cyan);text-align:right;transition:color var(--transition);font-size:.8rem}.contact-link:hover .contact-link__value{color:var(--green);text-shadow:0 0 6px var(--green-glow)}.footer{z-index:2;border-top:1px solid var(--border);text-align:center;padding:32px 80px;position:relative}.footer__text{color:var(--text-dim);margin-bottom:8px;font-size:.82rem}.footer__copy{color:var(--text-dim);letter-spacing:1px;font-size:.75rem}.footer__version{color:var(--green-dim);margin-left:8px}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.toast{z-index:999;background:var(--bg-panel);border:1px solid var(--green);border-radius:var(--radius);color:var(--green);letter-spacing:1px;box-shadow:0 0 20px var(--green-glow);opacity:0;pointer-events:none;padding:14px 24px;font-size:.85rem;transition:all .4s;position:fixed;bottom:32px;right:32px;transform:translateY(20px)}.toast.show{opacity:1;transform:translateY(0)}@media (width<=900px){.section{padding:var(--section-pad) 24px}.about__grid,.contact__grid{grid-template-columns:1fr}.about__photo-frame{order:-1}.photo-placeholder{aspect-ratio:1}.nav{padding:0 20px}.nav__links{top:var(--nav-h);border-bottom:1px solid var(--border);opacity:0;pointer-events:none;background:#020204f7;flex-direction:column;gap:20px;padding:24px 20px;transition:transform .3s,opacity .3s;position:fixed;left:0;right:0;transform:translateY(-100%)}.nav__links.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav__toggle{display:flex}.footer{padding:32px 24px}.github-graph{width:100%;min-width:auto;overflow-x:auto}}@media (width<=600px){:root{--section-pad:64px}html,body{max-width:100vw;overflow-x:hidden}.hero__cta{flex-direction:column}.btn{justify-content:center;width:100%}.projects__grid,.skills__grid{grid-template-columns:1fr}.section{padding:var(--section-pad) 16px;overflow-x:hidden}.section__title{font-size:1.8rem}.hero__title{font-size:2rem}.hero__subtitle{font-size:1rem}.about__photo-frame{width:100%}.photo-placeholder{width:100%;max-width:280px;margin:0 auto}.photo-stats{font-size:.85rem}.project-card{margin-bottom:24px}.project-card__title{font-size:1.2rem}.project-card__desc{font-size:.9rem}.tech-tag{padding:4px 8px;font-size:.75rem}.gallery__item{min-width:200px}.skill-bar{height:24px}.contact-link{padding:12px;font-size:.9rem}}#boot-overlay{z-index:9999;font-family:var(--font-mono);background:#020204;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.boot__inner{width:min(600px,90vw)}.boot__log{max-height:300px;color:var(--green);scrollbar-width:none;margin-bottom:24px;font-size:.78rem;line-height:1.9;overflow-y:auto}.boot__log::-webkit-scrollbar{display:none}.boot__line{opacity:0;text-shadow:0 0 6px var(--green-glow);animation:.15s forwards boot-line-in}@keyframes boot-line-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.boot__bar-wrap{align-items:center;gap:12px;display:flex}.boot__bar-track{border:1px solid var(--border);background:#00ff411a;flex:1;height:4px}.boot__bar-fill{background:var(--green);width:0;height:100%;box-shadow:0 0 8px var(--green), 0 0 20px var(--green-glow);transition:width .2s}.boot__bar-label{color:var(--green);letter-spacing:2px;text-align:right;min-width:40px;text-shadow:0 0 6px var(--green-glow);font-size:.7rem}#hex-ticker{z-index:3;pointer-events:none;font-family:var(--font-mono);letter-spacing:1px;color:#00ff412e;flex-direction:column;gap:2px;max-width:360px;font-size:.6rem;line-height:1.5;display:flex;position:fixed;bottom:12px;left:12px;overflow:hidden}#hex-ticker span{white-space:nowrap;animation:.8s step-end forwards hex-flash;display:block}@keyframes hex-flash{0%{opacity:0}10%{opacity:.4}to{opacity:.18}}#packet-canvas{z-index:0;pointer-events:none;opacity:.12;position:fixed;inset:0}.glitch-burst{animation:.5s step-end glitch-burst-fx!important}@keyframes glitch-burst-fx{0%{filter:none;transform:translate(0)}10%{filter:hue-rotate(90deg);transform:translate(-4px,2px)}20%{filter:hue-rotate(-90deg);transform:translate(3px,-1px)}30%{filter:saturate(3);transform:translate(-2px)}40%{filter:none;transform:translate(4px,1px)skew(-2deg)}50%{filter:hue-rotate(180deg);transform:translate(-3px,-2px)skew(2deg)}60%{filter:none;transform:translate(2px,1px)}70%{filter:brightness(1.5);transform:translate(-1px)}80%{filter:invert(.1);transform:translate(3px,-1px)}90%{filter:none;transform:translate(-2px,2px)}to{filter:none;transform:translate(0)}}.cursor-trail-dot{background:var(--green);pointer-events:none;z-index:9990;width:6px;height:6px;box-shadow:0 0 6px var(--green), 0 0 12px var(--green-glow);border-radius:50%;transition:opacity .1s;position:fixed}#monitor-screen{opacity:1;pointer-events:auto;border-radius:60px/30px;width:76%;height:65%;position:absolute;top:10%;left:12%;overflow:hidden;box-shadow:inset 0 0 40px #000000e6}#access-gate{background:var(--bg);opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#access-webgl{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.access-ui{z-index:10;text-align:center;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020204d9;padding:40px;position:relative;box-shadow:0 0 50px #00ff410d,inset 0 0 20px #00ff411a}#access-prompt-title{font-family:var(--font-display);letter-spacing:4px;margin-bottom:8px;font-size:2rem;font-weight:700}.danger-signal{animation:.8s step-end infinite danger-flash}.danger-signal:before,.danger-signal:after{content:" ⚠️ ";vertical-align:text-top;font-size:1.5rem}@keyframes danger-flash{0%,to{color:var(--red);text-shadow:0 0 15px var(--red), 0 0 30px var(--red), 0 0 45px #ff003c99}50%{color:var(--green);text-shadow:0 0 15px var(--green), 0 0 30px var(--green), 0 0 45px #00ff4199}}.access-subtitle{color:var(--cyan);letter-spacing:2px;text-shadow:0 0 8px #00ffff80;margin-bottom:40px;font-size:.8rem}.access-actions{justify-content:center;gap:24px;display:flex}.access-btn{font-family:var(--font-mono);letter-spacing:3px;cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:1rem;font-weight:600;transition:all .2s}.access-btn--grant{color:var(--bg);background:var(--green);box-shadow:0 0 15px var(--green-glow)}.access-btn--grant:hover{background:var(--green-dim);box-shadow:0 0 30px var(--green-glow);transform:translateY(-2px)}.access-btn--deny{color:var(--red);border:1px solid var(--red);box-shadow:0 0 10px #ff003c4d}.access-btn--deny:hover{background:#ff003c1a;transform:translateY(-2px);box-shadow:0 0 20px #ff003c99}.binary-glitch{animation:4s step-end infinite green-flicker;display:inline-block;position:relative;color:var(--green)!important;text-shadow:0 0 20px var(--green-glow), 0 0 40px #00ff4166!important}@keyframes green-flicker{0%,to{opacity:1;transform:translate(0)}5%,15%,25%{opacity:.9;transform:translate(-2px)}10%,20%{opacity:.4;text-shadow:0 0 5px var(--green);transform:translate(2px)}35%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(0)}72%{opacity:.6;transform:skew(5deg)}75%{opacity:1;transform:skew(0)}95%{opacity:.3;text-shadow:none}98%{opacity:1}}#pre-boot{z-index:999999;background:#0d1117 url(/monitor-bg.png) 50%/cover no-repeat fixed;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#pre-boot:before{content:"";background:#0000004d;position:absolute;inset:0}.monitor-scaler{background:0 0;width:100vw;height:100vh;position:relative}.monitor-img{display:none}.monitor-btn-wrapper{z-index:50;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}.click-label{color:#fff;text-shadow:1px 1px 2px #000;margin-top:4px;font-family:Arial,sans-serif;font-size:1.2rem;display:block}#btn-power{cursor:pointer;box-shadow:none;background:0 0;border:none;outline:none;flex-direction:column;align-items:center;padding:0;transition:transform .1s;display:flex}#btn-power:active{transform:scale(.9)translateY(2px)}.red-block{background-color:red;border:1px solid #a00;border-radius:2px;width:45px;height:25px;display:block;box-shadow:2px 2px 5px #00000080,inset -2px -2px 4px #0000004d}#crt-turn-on-flash{z-index:10;opacity:0;pointer-events:none;background:#fff;width:0;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #fff,0 0 60px #fff}.gallery{position:relative;overflow:hidden}.gallery__container{cursor:grab;scrollbar-width:none;-ms-overflow-style:none;width:100vw;margin-left:calc(50% - 50vw);padding:40px 0;position:relative;overflow:auto hidden}.gallery__container::-webkit-scrollbar{display:none}.gallery__container:active{cursor:grabbing}.gallery__track{gap:4vw;width:max-content;padding:0 10vw;display:flex}.gallery__item{aspect-ratio:16/9;border:1px solid var(--border);will-change:transform;width:40vw;min-width:280px;max-width:600px;transition:border-color .4s;position:relative;overflow:hidden;box-shadow:0 0 20px #00ff410d}.gallery__item img{object-fit:cover;filter:grayscale()contrast(1.2);width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s}.gallery__item:hover{border-color:var(--green);z-index:2;box-shadow:0 0 30px #00ff4126}.gallery__item:hover img{filter:grayscale(0)contrast();transform:scale(1.1)}