@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-color: #050505;--text-color: #e0e0e0;--accent-color: #ff1a1a;--accent-glow: rgba(255, 26, 26, .4);--panel-bg: rgba(15, 15, 15, .6);--panel-border: rgba(255, 26, 26, .15);--font-sans: "Inter", sans-serif;--font-mono: "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;letter-spacing:-.05em;text-transform:uppercase}.mono{font-family:var(--font-mono)}.text-accent{color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow)}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);box-shadow:0 8px 32px #0000005e,inset 0 0 0 1px #ffffff05;border-radius:8px;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);opacity:.5}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px,2px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px,-2px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(2px,2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(-2px,-2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(2px,2px)}to{clip-path:inset(30% 0 50% 0);transform:translate(-2px,-2px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px,-2px)}20%{clip-path:inset(30% 0 20% 0);transform:translate(-2px,2px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(2px,-2px)}60%{clip-path:inset(20% 0 50% 0);transform:translate(-2px,2px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(2px,-2px)}to{clip-path:inset(5% 0 80% 0);transform:translate(-2px,2px)}}.glitch-wrapper{position:relative;display:inline-block}.glitch-wrapper:before,.glitch-wrapper:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:-1}.glitch-wrapper:before{left:2px;text-shadow:-2px 0 #00ffff;animation:glitch-anim-1 3s infinite linear alternate-reverse}.glitch-wrapper:after{left:-2px;text-shadow:-2px 0 var(--accent-color);animation:glitch-anim-2 2.5s infinite linear alternate-reverse}.cyber-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;background-image:linear-gradient(to right,rgba(255,26,26,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,26,26,.05) 1px,transparent 1px);background-size:50px 50px;perspective:1000px}.cyber-grid:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,var(--bg-color) 80%)}.ui-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;z-index:100;pointer-events:none;opacity:.15}.menu-btn{position:fixed;top:2rem;right:2rem;z-index:1000;cursor:pointer;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);padding:.5rem;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.menu-btn:hover{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050505f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:900;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.menu-item{font-family:var(--font-mono);font-size:2rem;color:var(--text-color);cursor:pointer;transition:all .3s ease;position:relative}.menu-item:hover{color:var(--accent-color);text-shadow:0 0 10px var(--accent-glow);transform:scale(1.1)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.section-inner{max-height:calc(100vh - 6rem);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;width:100%;display:flex;flex-direction:column;align-items:center}.section-inner::-webkit-scrollbar{display:none}@media(max-height:820px){.section-inner{max-height:calc(100vh - 4rem)}h2.mono{font-size:1.6rem!important}h3.mono{font-size:1rem!important}.glass-panel{padding:1.2rem!important}}@media(max-width:850px){.section-inner{max-height:none!important;overflow-y:visible!important}.grid-2col,.achievements-grid{grid-template-columns:1fr!important}}@media(max-height:820px)and (max-width:1300px){.grid-2col{grid-template-columns:1fr!important;gap:1rem!important}.achievements-grid{grid-template-columns:1fr 1fr!important;gap:1rem!important}}@media(max-width:600px){.glass-panel{padding:1rem!important;border-radius:4px}h2.mono{font-size:1.4rem!important;margin-bottom:1.5rem!important}h3.mono{font-size:.9rem!important}p{font-size:.8rem!important;line-height:1.5!important}.menu-item{font-size:1.5rem!important}.achievements-layout{flex-direction:column!important}.nav-btn{padding:.5rem .2rem!important}.nav-btn svg{width:18px;height:18px}}
