@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Orbitron:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@300;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@300;400;600&family=Orbitron:wght@500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Orbitron:wght@500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Orbitron:wght@500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Orbitron:wght@500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600&family=Orbitron:wght@500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Orbitron:wght@500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600&family=Orbitron:wght@500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600&family=Orbitron:wght@500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600&family=Orbitron:wght@500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@700;900&family=Space+Mono:wght@400;700&family=VT323&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-red:#ff2e2e;--brand-red-glow:#ff2e2e99;--bg-dark:#050505;--panel-bg:#0a0a0ad9;--neon-cyan:#00f3ff}html{scroll-behavior:smooth}*{box-sizing:border-box}html,body{background-color:var(--bg-dark);color:#fff;margin:0;font-family:JetBrains Mono,monospace;overflow-x:hidden;cursor:none!important}body{min-width:0}img,svg{max-width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand-red),#ff6b6b,var(--brand-red));box-shadow:0 0 6px var(--brand-red-glow);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6b6b,var(--brand-red),#ff6b6b);box-shadow:0 0 12px var(--brand-red-glow)}*{scrollbar-width:thin;scrollbar-color:var(--brand-red)#0a0a0a}::selection{background:var(--brand-red);color:#fff;text-shadow:none}#root{animation:.8s ease-out pageEntry}@keyframes pageEntry{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}a,button{cursor:none!important}.custom-cursor{background:var(--brand-red);pointer-events:none;z-index:9999;width:12px;height:12px;box-shadow:0 0 15px var(--brand-red);border-radius:50%;transition:transform .1s ease-out,box-shadow .1s ease-out;position:fixed;transform:translate(-50%,-50%)}.custom-cursor:before{content:"";border:2px solid #0000;border-top-color:var(--brand-red);border-bottom-color:var(--brand-red);border-radius:50%;width:40px;height:40px;transition:width .2s,height .2s,border-color .2s;animation:4s linear infinite rotateHUD;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-cursor:after{content:"";border:1px dashed var(--brand-red);opacity:.3;border-radius:50%;width:60px;height:60px;transition:all .2s;animation:2s ease-in-out infinite pulseHUD;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor-label{color:var(--brand-red);white-space:nowrap;text-shadow:0 0 5px var(--brand-red);text-transform:uppercase;letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:9px;transition:all .2s;position:absolute;top:-20px;left:20px}.cursor-trail{background:var(--brand-red);pointer-events:none;z-index:9998;opacity:.4;filter:blur(1px);border-radius:50%;width:6px;height:6px;transition:opacity .1s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor.is-moving{box-shadow:0 0 15px var(--brand-red),0 0 40px #ff2e2ecc;transform:translate(-50%,-50%)scale(1.1)}.custom-cursor.is-moving:before{border-top-color:#fff;border-bottom-color:#fff;width:50px;height:50px;animation:.8s linear infinite rotateHUD;box-shadow:0 0 20px #ffffff80}.custom-cursor.is-moving:after{border-color:var(--neon-cyan);opacity:.9;width:25px;height:25px;box-shadow:0 0 15px var(--neon-cyan);border-style:solid;animation:none}.custom-cursor.is-moving .cursor-label{opacity:.6;text-shadow:0 0 10px var(--brand-red)}@keyframes rotateHUD{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes pulseHUD{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.1)}}.site-header{z-index:1000;background:var(--panel-bg);-webkit-backdrop-filter:blur(25px)saturate(150%);border-bottom:2px solid var(--brand-red);width:100%;position:fixed;top:0;left:0;box-shadow:0 4px 20px #000000e6,0 0 15px #ff2e2e1a}.site-header:after{content:"";pointer-events:none;z-index:1001;opacity:.3;background:linear-gradient(#12101000 50%,#0000001a 50%) 0 0/100% 3px,linear-gradient(90deg,#ff000005,#00ff0003,#0000ff05) 0 0/3px 100%;position:absolute;inset:0}.header-inner{align-items:center;max-width:1800px;height:90px;margin:0 auto;padding:0 80px;display:flex;position:relative}.header-inner:before{content:"SYS_STATUS: CODE. DEBUG. LEARN. REPEAT. BUILD.";color:var(--brand-red);opacity:.4;letter-spacing:2px;font-size:8px;position:absolute;bottom:8px;right:80px}.fixed-side{align-items:center;gap:20px;padding-right:30px;display:flex;position:relative}.fixed-side:after{content:"";background:var(--brand-red);width:2px;height:40px;box-shadow:0 0 10px var(--brand-red);position:absolute;right:0;transform:skew(-20deg)}.brand{letter-spacing:4px;text-transform:uppercase;color:#fff;font-family:Orbitron,sans-serif;font-size:24px;font-weight:700}.brand span{color:var(--brand-red);text-shadow:0 0 8px var(--brand-red-glow)}.avatar-container{width:50px;height:50px;position:relative}.avatar-glow{border:1px solid var(--brand-red);width:100%;height:100%;box-shadow:0 0 15px var(--brand-red-glow);background:#000;border-radius:4px;padding:2px;overflow:hidden;transform:rotate(-3deg)}.avatar-img{object-fit:cover;border-radius:2px;width:100%;height:100%}.status-dot1{z-index:10;background:#00ff41;border:2px solid #050505;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse-status;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 8px #00ff41}@keyframes pulse-status{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.nav-wrapper{flex:1;align-items:center;min-width:0;padding:0 30px;display:flex}.nav-container{flex:1;margin:0 40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.nav-list{scrollbar-width:none;gap:65px;padding:20px 60px;display:flex;overflow-x:auto}.nav-link{color:#555;text-transform:uppercase;letter-spacing:2px;white-space:nowrap;font-size:14px;font-weight:700;transition:all .3s;position:relative}.nav-link:hover{color:#fff;text-shadow:2px 0 var(--brand-red),-2px 0 var(--neon-cyan);animation:.3s steps(2,end) infinite glitch-text;transform:translateY(-2px)}@keyframes glitch-text{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}.nav-link.active{color:var(--brand-red);text-shadow:0 0 12px var(--brand-red-glow)}.nav-link.active:after{content:"";background:var(--brand-red);height:3px;box-shadow:0 0 20px var(--brand-red),0 0 5px #fff;border-radius:10px;position:absolute;bottom:-10px;left:-5px;right:-5px}.nav-arrow{width:42px;height:42px;color:var(--brand-red);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%);background:#ffffff05;border:1px solid #ff2e2e4d;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.nav-arrow:hover:not(.disabled){background:var(--brand-red);color:#fff;box-shadow:0 0 25px var(--brand-red-glow)}.nav-arrow.disabled{opacity:.05}@media (max-width:1180px){.header-inner{padding:0 28px}.header-inner:before{right:28px}.nav-container{margin:0 18px}.nav-list{gap:42px;padding-inline:32px}}@media (max-width:760px){.site-header{border-bottom-width:1px}.header-inner{height:64px;padding:0 16px}.header-inner:before{display:none}.fixed-side{gap:10px;padding-right:14px}.fixed-side:after{width:1px;height:32px}.avatar-container{width:36px;height:36px}.status-dot1{width:10px;height:10px}.brand{letter-spacing:2px;font-size:16px}.nav-wrapper{display:none}}@media (max-width:420px){.header-inner{padding-inline:12px}.fixed-side{padding-right:10px}.brand{letter-spacing:1px;font-size:14px}}@media (hover:none),(pointer:coarse){html,body,a,button{cursor:auto!important}.custom-cursor,.cursor-trail{display:none}}.hamburger-btn{cursor:pointer;z-index:1010;background:0 0;border:1px solid #ff2e2e4d;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:8px;transition:border-color .3s;display:none;position:relative}.hamburger-btn:hover,.hamburger-btn.active{border-color:var(--brand-red);box-shadow:0 0 12px #ff2e2e33}.hamburger-line{transform-origin:50%;background:#fff;width:22px;height:2px;transition:all .3s;display:block}.hamburger-btn.active .hamburger-line:first-child{background:var(--brand-red);transform:translateY(7px)rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active .hamburger-line:nth-child(3){background:var(--brand-red);transform:translateY(-7px)rotate(-45deg)}@media (max-width:760px){.hamburger-btn{display:flex}}.mobile-nav-overlay{-webkit-backdrop-filter:blur(20px);z-index:999;opacity:0;visibility:hidden;background:#050505f7;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .35s,visibility .35s;display:flex;position:fixed;top:0;left:0}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav-list{flex-direction:column;gap:6px;width:100%;max-width:340px;padding:0 24px 80px;display:flex}.mobile-nav-link{color:#888;text-transform:uppercase;letter-spacing:2px;opacity:0;border-left:2px solid #0000;align-items:center;gap:16px;padding:14px 16px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:flex;transform:translate(-20px)}.mobile-nav-overlay.open .mobile-nav-link{animation:.4s forwards mobileNavSlideIn}@keyframes mobileNavSlideIn{to{opacity:1;transform:translate(0)}}.mobile-nav-link:hover,.mobile-nav-link:active{color:#fff;border-left-color:var(--brand-red);background:#ff2e2e0d}.mobile-nav-link.active{color:var(--brand-red);border-left-color:var(--brand-red);text-shadow:0 0 10px #ff2e2e80}.mobile-nav-index{color:var(--brand-red);opacity:.6;min-width:20px;font-size:11px}.mobile-nav-name{flex:1}.mobile-nav-footer{color:#333;letter-spacing:2px;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px;position:absolute;bottom:40px}.mobile-nav-overlay.open~* .scroll-top-btn{opacity:0!important;pointer-events:none!important}body:has(.mobile-nav-overlay.open) .scroll-top-btn{opacity:0!important;pointer-events:none!important}:root{--bg:#070707;--muted:#9b9b9b;--accent:#ff1f1f;--accent-glow:#ff1f1f80;--card:#121212;--nav-height:90px}html,body{background:var(--bg);color:#fff;margin:0;padding:0}.hero{padding-top:calc(var(--nav-height) + 25px);background:var(--bg);z-index:0;align-items:center;min-height:95vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%)var(--mouse-y,50%),#ff1f1f0f,transparent 40%);z-index:1;pointer-events:none;position:absolute;inset:0}.hero:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.hero-inner{z-index:2;align-items:center;gap:48px;width:100%;max-width:1300px;margin:0 auto;padding:0 48px 60px;display:flex}.hero-left{flex:1;max-width:720px;font-family:Space Mono,monospace}.eyebrow{color:var(--accent);vertical-align:middle;text-shadow:0 0 10px var(--accent-glow);font-size:40px;font-weight:700}.hero-title{color:#fff;margin:0;font-size:60px;line-height:1.1}.big-name{letter-spacing:0;color:#0000;-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#fff,#ff1f1f,#fff,#999) 0 0/600% 600%;-webkit-background-clip:text;background-clip:text;font-size:96px;font-weight:700;animation:8s infinite gradientShift;display:block}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glow-text{text-shadow:0 0 20px var(--accent-glow)}.hero-role{color:var(--accent);align-items:center;gap:10px;margin:16px 0;font-family:Space Mono,monospace;font-size:24px;display:flex}.cursor{background:var(--accent);width:12px;height:24px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-desc{color:var(--muted);max-width:600px;font-family:Inter,sans-serif;font-size:18px;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:20px;margin-top:48px;display:flex}.btn{text-transform:uppercase;letter-spacing:1px;border-radius:4px;padding:14px 28px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{box-shadow:0 0 15px var(--accent-glow);background:#ff1f1f1a}.btn-solid{background:var(--accent);border:1px solid var(--accent);color:#000;position:relative;overflow:hidden}.btn-solid:before{content:"";background:var(--accent);z-index:-1;filter:blur(8px);opacity:.5;border-radius:4px;animation:2s ease-in-out infinite btnPulse;position:absolute;inset:-2px}@keyframes btnPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.btn-solid:hover{box-shadow:0 0 20px var(--accent-glow);background:#ff4d4d;transform:translateY(-2px)}.btn-solid:hover:before{opacity:.8;animation:none}.hero-socials{gap:16px;margin-top:40px;display:flex}.social-btn{border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.social-btn svg{width:20px;fill:var(--muted);transition:all .3s}.social-btn:hover{border-color:var(--accent);box-shadow:0 4px 15px var(--accent-glow);transform:translateY(-3px)}.social-btn:hover svg{fill:var(--accent)}.hero-right{justify-content:center;align-items:center;width:500px;min-height:400px;display:flex;position:relative}.floating-frames{pointer-events:none;position:absolute;inset:0}.frame{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ff000005;border:1px solid #ff1f1f4d;border-radius:8px;position:absolute}.frame.f1{width:380px;height:240px;animation:6s ease-in-out infinite float;top:10%;left:0;transform:rotate(-5deg)}.frame.f2{border-color:#ffffff0d;width:420px;height:280px;animation:8s ease-in-out infinite reverse float;top:0;left:40px;transform:rotate(8deg)}.frame.f3{width:400px;height:260px;animation:7s ease-in-out 1s infinite float;top:20%;left:20px;transform:rotate(-3deg)}@keyframes float{0%,to{transform:translateY(0)rotate(var(--r,0deg))}50%{transform:translateY(-20px)rotate(var(--r,0deg))}}.code-card{z-index:10;background:#141414;border:1px solid #ffffff1a;border-radius:12px;width:440px;padding:20px;transition:transform .3s;position:relative;box-shadow:0 20px 50px #00000080}.code-card:hover{border-color:#ff1f1f66;transform:scale(1.02)translateY(-5px);box-shadow:0 20px 60px #0009,0 0 30px #ff1f1f26}.code-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.dots{gap:6px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.code-tag{color:var(--muted);font-family:Space Mono;font-size:12px}.code-block{color:#abb2bf;white-space:nowrap;scrollbar-width:thin;margin:0;padding-bottom:4px;font-family:Space Mono,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.code-line{min-height:1.6em;position:relative;overflow:hidden}.code-line:after{content:"";background:linear-gradient(90deg,#0000,#ff1f1f0a,#0000);width:100%;height:100%;animation:4s infinite codeShimmer;position:absolute;top:0;left:-100%}@keyframes codeShimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.keyword{color:#c678dd}.variable{color:#e5c07b}.operator{color:#56b6c2}.string{color:#98c379}.boolean{color:#d19a66}.function{color:#61afef}.key{color:#e06c75}.code-corner{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);border-radius:0 0 12px;width:20px;height:20px;position:absolute;bottom:-1px;right:-1px}.scroll-indicator{z-index:10;cursor:pointer;pointer-events:none;flex-direction:column;align-items:center;gap:8px;animation:2s ease-in-out infinite bounce;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.scroll-text{color:var(--accent);letter-spacing:2px;text-transform:uppercase;opacity:.8;font-family:Space Mono,monospace;font-size:12px}.scroll-arrow{fill:none;width:24px;height:24px;stroke:var(--accent)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:900px){:root{--nav-height:64px}.hero{min-height:auto;padding-top:0}.hero-inner{text-align:center;flex-direction:column;gap:36px;padding:84px 24px 80px}.hero-left,.hero-right{width:100%;max-width:100%}.hero-right{min-height:auto}.hero-ctas,.hero-socials,.hero-role{justify-content:center}.eyebrow{display:none}.code-card{width:100%;max-width:400px}.hero-title{font-size:42px}.big-name{font-size:68px}.floating-frames{display:none}.scroll-indicator{bottom:16px}}@media (max-width:520px){.hero-inner{padding:76px 18px 72px}.hero-title{font-size:32px}.big-name{font-size:48px}.hero-role{font-size:18px}.hero-desc{font-size:15px;line-height:1.6}.hero-ctas{flex-direction:column;gap:14px;margin-top:32px}.btn{text-align:center;justify-content:center;align-items:center;width:100%;min-height:48px;padding:14px 18px;display:flex}.code-card{border-radius:8px;padding:16px}.code-block{font-size:12px}.social-btn{width:44px;height:44px}.hero-socials{margin-top:28px}}@media (max-width:375px){.hero-inner{padding:72px 16px 64px}.hero-title{font-size:26px}.big-name{font-size:40px}.hero-role{font-size:16px}.hero-desc{font-size:14px}.code-block{font-size:11px}}:root{--bg-about:#1e1e1e;--accent-red:#ff1f1f;--text-main:#e0e0e0;--text-muted:#888;--card-bg:#111;--card-border:#ffffff1a}.about{background-color:var(--bg-about);color:var(--text-main);min-height:100vh;padding:100px 24px;font-family:Space Mono,monospace;position:relative;overflow:hidden}.about:before{content:"";z-index:0;background-image:linear-gradient(#ff1f1f08 1px,#0000 1px),linear-gradient(90deg,#ff1f1f08 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite scrollGrid;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}@keyframes scrollGrid{0%{transform:translateY(0)}to{transform:translateY(40px)}}.about-container{z-index:2;opacity:0;max-width:1200px;margin:0 auto;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.about.visible .about-container{opacity:1;transform:translateY(0)}.about-title{text-align:center;color:#ff1f1f;letter-spacing:-1px;text-transform:uppercase;margin-bottom:60px;font-family:Orbitron,sans-serif;font-size:48px;opacity:1!important;transform:none!important}.accent{color:var(--accent-red)}.about-content{grid-template-columns:1.3fr 1fr;gap:32px;display:grid}.about-left{flex-direction:column;gap:32px;display:flex}.about-right{grid-template-columns:1fr 1fr;gap:20px;display:grid}.about.visible .about-right .spotlight-wrapper{opacity:0;animation:.5s ease-out forwards statPop}.about.visible .about-right .spotlight-wrapper:first-child{animation-delay:.2s}.about.visible .about-right .spotlight-wrapper:nth-child(2){animation-delay:.35s}.about.visible .about-right .spotlight-wrapper:nth-child(3){animation-delay:.5s}.about.visible .about-right .spotlight-wrapper:nth-child(4){animation-delay:.65s}.about.visible .about-right .spotlight-wrapper:nth-child(5){animation-delay:.8s}@keyframes statPop{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.spotlight-wrapper{background:var(--card-border);clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,0 100%);border-radius:12px;padding:1px;transition:transform .3s;position:relative;overflow:hidden}.spotlight-wrapper:hover{transform:translateY(-5px)}.spotlight-wrapper:before{content:"";background:radial-gradient(600px circle at var(--mouse-x)var(--mouse-y),#ff1f1f99,transparent 40%);opacity:0;z-index:1;transition:opacity .3s;position:absolute;inset:0}.spotlight-wrapper:hover:before{opacity:1}.cyber-card{background:var(--card-bg);z-index:2;clip-path:polygon(0 0,100% 0,100% 85.5%,90.5% 100%,0 100%);border-radius:11px;height:100%;padding:32px;position:relative}.profile-card{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-img-wrapper{border:2px dashed #ff1f1f4d;border-radius:50%;width:150px;height:150px;margin-bottom:20px;padding:4px;position:relative}.profile-img-wrapper:after{content:"";border-top:2px solid var(--accent-red);border-bottom:2px solid #0000;border-left:2px solid #0000;border-right:2px solid #0000;border-radius:50%;animation:3s linear infinite spin;position:absolute;inset:-5px}.profile-img-wrapper:before{content:"";opacity:.7;border:2px solid #0000;border-color:#0000 #0000 #00f3ff #00f3ff4d;border-radius:50%;animation:4s linear infinite reverse spin;position:absolute;inset:-10px}@keyframes spin{to{transform:rotate(360deg)}}.profile-img{object-fit:cover;filter:grayscale();border-radius:50%;width:100%;height:100%;transition:filter .3s}.spotlight-wrapper:hover .profile-img{filter:grayscale(0%)}.glitch-name{color:#fff;text-transform:uppercase;margin-bottom:5px;font-size:32px;font-weight:700;position:relative}.cyber-role{color:var(--accent-red);letter-spacing:2px;text-transform:uppercase;font-size:13px;font-weight:600}.card-heading{color:var(--accent-red);align-items:center;gap:10px;margin:0 0 16px;font-size:18px;display:flex}.card-heading:after{content:"";background:linear-gradient(90deg,var(--accent-red),transparent);opacity:.3;flex:1;height:1px}.card-text{color:#ccc;font-family:Inter,sans-serif;font-size:15px;line-height:1.7}.stat-box-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex}.stat-num{color:#fff;margin-bottom:8px;font-size:48px;font-weight:700;line-height:1;transition:all .3s}.spotlight-wrapper:hover .stat-num{color:var(--accent-red);text-shadow:0 0 15px #ff1f1fcc,0 0 30px #ff1f1f66;transform:scale(1.05)}.stat-lbl{color:var(--text-muted);letter-spacing:1px;text-transform:uppercase;font-size:11px;transition:all .3s}.spotlight-wrapper:hover .stat-lbl{color:#fff;text-shadow:0 0 5px #ffffff80}.spotlight-wrapper:last-child{grid-column:span 2}.scroll-top-btn{border:2px solid var(--accent-red);width:60px;height:60px;color:var(--accent-red);cursor:pointer;z-index:9999;opacity:0;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 70%,70% 100%,0 100%);background:#000;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;bottom:40px;right:40px}.scroll-top-btn.visible{opacity:1;pointer-events:all}.scroll-top-btn:hover{background:var(--accent-red);color:#000;transform:translateY(-3px);box-shadow:0 0 20px #ff1f1f99}.scroll-top-btn .arrow{margin-bottom:4px;font-size:20px;font-weight:700;line-height:1}.scroll-top-btn .text{letter-spacing:1px;font-size:10px;font-weight:700}@media (max-width:900px){.about-content{grid-template-columns:1fr}.about-right{grid-template-columns:1fr 1fr}}@media (max-width:600px){.about{padding:60px 16px}.about-right{grid-template-columns:1fr}.spotlight-wrapper:last-child{grid-column:span 1}.glitch-name{font-size:24px}.about-title{margin-bottom:40px;font-size:32px}.cyber-card{padding:24px}.stat-num{font-size:36px}.stat-box-content{min-height:90px}.profile-img-wrapper{width:120px;height:120px}.card-text{font-size:14px}.scroll-top-btn{width:50px;height:50px;bottom:24px;right:20px}}@media (max-width:375px){.about{padding:48px 14px}.about-title{margin-bottom:32px;font-size:26px}.cyber-card{padding:20px}.stat-num{font-size:32px}.glitch-name{font-size:20px}.card-heading{font-size:16px}}:root{--neon-red:#ff003c;--neon-dim:#ff003c33;--bg-dark:#0a0a0a;--card-bg:#141414b3;--text-main:#e0e0e0;--text-muted:#888}.experience-section{width:100%;max-width:900px;color:var(--text-main);opacity:0;background-image:linear-gradient(#ff003c0d 1px,#0000 1px),linear-gradient(90deg,#ff003c0d 1px,#0000 1px);background-size:40px 40px;margin:0 auto;padding:80px 20px;font-family:Fira Code,monospace;position:relative;overflow:hidden}.experience-section.animate-pop{animation:1.5s cubic-bezier(.19,1,.22,1) forwards containerEntry}@keyframes containerEntry{0%{opacity:0;filter:blur(10px);transform:translate(-150px)}to{opacity:1;filter:blur();transform:translate(0)}}.section-title{color:var(--neon-red);text-align:center;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 10px var(--neon-dim);opacity:0;margin-bottom:70px;font-family:Orbitron,sans-serif;font-size:2.5rem}.experience-section.animate-pop .section-title{animation:2s cubic-bezier(.19,1,.22,1) .1s forwards titleEntry}@keyframes titleEntry{0%{opacity:0;filter:blur(12px);letter-spacing:15px;transform:translate(-200px)}to{opacity:1;filter:blur();letter-spacing:4px;transform:translate(0)}}.section-title span{margin-right:15px;animation:1.5s step-end infinite blink;display:inline-block}.timeline-container{padding-left:30px;position:relative}.timeline-line{background:linear-gradient(to bottom,transparent,var(--neon-red),transparent);width:2px;height:0%;box-shadow:0 0 15px var(--neon-red);transition:height 1.5s ease-out .5s;position:absolute;top:0;left:9px}.experience-section.animate-pop .timeline-line{height:100%}.timeline-item{opacity:0;margin-bottom:60px;padding-left:30px;transition:all 1.2s cubic-bezier(.25,.46,.45,.94);position:relative;transform:translate(-100px)}.experience-section.animate-pop .timeline-item{opacity:1;transform:translate(0)}.timeline-node{border:2px solid var(--neon-red);z-index:2;width:12px;height:12px;box-shadow:0 0 10px var(--neon-red);background:#000;border-radius:50%;transition:all .3s;position:absolute;top:25px;left:-26px}.timeline-item:hover .timeline-node{background:var(--neon-red);box-shadow:0 0 20px var(--neon-red)}.job-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff0d;border-radius:2px;padding:30px;transition:all .4s;position:relative;overflow:hidden}.job-card:hover{border-color:var(--neon-red);background:#ff003c08;transform:translate(10px);box-shadow:0 0 30px #00000080}.hud-corner{border:2px solid var(--neon-red);opacity:.5;width:15px;height:15px;transition:all .3s;position:absolute}.job-card:hover .hud-corner{opacity:1;width:30px;height:30px;box-shadow:0 0 10px var(--neon-red)}.scan-line{background:linear-gradient(to bottom,transparent,var(--neon-red),transparent);opacity:.2;z-index:5;width:100%;height:10px;transition:none;position:absolute;top:-20%;left:0}.job-card:hover .scan-line{animation:1.5s linear infinite scan}.card-header{border-bottom:1px solid #ffffff0d;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-bottom:25px;padding-bottom:15px;display:grid}.icon-box{border:1px solid var(--neon-red);background:#0000004d;border-radius:4px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.role-info h3{color:#fff;letter-spacing:1px;margin:0;font-size:1.2rem}.role-info .company{color:var(--neon-red);text-transform:uppercase;font-size:.9rem;font-weight:500}.date-badge{color:var(--text-muted);background:#ffffff0d;border:1px solid #0000;border-radius:20px;padding:5px 12px;font-size:.8rem;transition:all .3s}.job-card:hover .date-badge{border-color:var(--neon-red);color:#fff}.job-description li{color:#bbb;gap:10px;margin-bottom:10px;font-size:.95rem;line-height:1.6;display:flex}.job-description li span{color:var(--neon-red)}.tech-stack{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.tech-stack span{color:#888;text-transform:uppercase;background:#0000004d;border:1px solid #333;border-radius:4px;padding:4px 10px;font-size:.75rem;transition:all .3s}.job-card:hover .tech-stack span{border-color:var(--neon-dim);color:#fff}.btn-certificate{border:1px solid var(--neon-red);color:var(--neon-red);cursor:pointer;background:0 0;align-items:center;gap:10px;margin-top:10px;padding:10px 20px;font-family:Fira Code,monospace;font-size:.85rem;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-certificate:before{content:"";background:linear-gradient(90deg,#0000,#ff003c66,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.btn-certificate:hover:before{left:100%}.btn-certificate:hover{box-shadow:0 0 15px var(--neon-dim);text-shadow:0 0 5px var(--neon-red)}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--neon-red);background:#000;width:90%;max-width:500px;padding:30px;position:relative;box-shadow:0 0 50px #ff003c26}.modal-header{color:var(--text-muted);letter-spacing:2px;align-items:center;gap:10px;margin-bottom:15px;font-size:.8rem;display:flex}.modal-indicator{background:var(--neon-red);width:8px;height:8px;box-shadow:0 0 10px var(--neon-red);border-radius:50%;animation:1s infinite blink}.modal-heading{color:#fff;margin-bottom:15px;font-family:Orbitron,sans-serif;font-size:1.5rem}.modal-text{color:#ccc;margin-bottom:25px;line-height:1.6}.btn-modal-action{background:var(--neon-red);color:#000;cursor:pointer;border:none;width:100%;padding:12px;font-family:Fira Code,monospace;font-weight:700;transition:all .3s}.btn-modal-action:hover{background:#fff;box-shadow:0 0 20px #fff}@keyframes scan{0%{opacity:0;top:-10%}20%{opacity:.8}80%{opacity:.8}to{opacity:0;top:110%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.experience-section{padding:60px 16px}.section-title{letter-spacing:2px;margin-bottom:50px;font-size:1.8rem}}@media (max-width:600px){.card-header{text-align:center;grid-template-columns:1fr}.icon-box{margin:0 auto}.date-badge{width:fit-content;margin:0 auto}.timeline-container{padding-left:20px}.timeline-line{left:0}.timeline-node{left:-6px}.timeline-item{padding-left:20px}.job-card{padding:20px}.job-description li{font-size:.85rem;line-height:1.5}.btn-certificate{justify-content:center;width:100%;min-height:44px}.modal-content{width:92%;padding:24px}.modal-heading{font-size:1.2rem}}@media (max-width:375px){.experience-section{padding:48px 14px}.section-title{letter-spacing:1px;margin-bottom:40px;font-size:1.4rem}.role-info h3{font-size:1rem}.role-info .company{font-size:.8rem}.tech-stack span{font-size:.7rem}}:root{--primary-red:#ff003c;--bg-card:#14141499;--text-white:#e0e0e0;--text-grey:#999;--neon-glow:0 0 10px #ff003c66}.education-section{width:100%;max-width:900px;color:var(--text-white);perspective:1200px;opacity:0;margin:0 auto;padding:80px 20px;font-family:Fira Code,monospace;transition:all 1s ease-out;transform:translateY(20px)}.education-section.animate-pop{opacity:1;transform:translateY(0)}.timeline-wrapper{padding-left:40px;position:relative}.timeline-line{background:linear-gradient(180deg,transparent,var(--primary-red),transparent);width:2px;box-shadow:0 0 15px var(--primary-red);opacity:0;height:0;transition:height 1.5s ease-out .2s,opacity .5s;position:absolute;top:0;bottom:0;left:9px}.education-section.animate-pop .timeline-line{opacity:.6;height:100%}.timeline-node-wrapper{margin-bottom:60px;position:relative}.timeline-dot{border:2px solid var(--primary-red);width:12px;height:12px;box-shadow:var(--neon-glow);z-index:5;background:#000;border-radius:50%;transition:all .3s;position:absolute;top:30px;left:-35px}.timeline-node-wrapper:hover .timeline-dot{background:var(--primary-red);box-shadow:0 0 20px var(--primary-red);transform:scale(1.3)}.section-title{color:var(--primary-red);text-align:center;text-transform:uppercase;text-shadow:0 0 15px #ff003c4d;opacity:0;filter:blur(12px);letter-spacing:15px;margin-bottom:60px;font-family:Orbitron,sans-serif;font-size:2.2rem;transition:opacity 2s ease-out,transform 2s cubic-bezier(.16,1,.3,1),filter 2s ease-out,letter-spacing 2.5s ease-out;position:relative;transform:translate(-150px)}.education-section.animate-pop .section-title{opacity:1;filter:blur();letter-spacing:4px;transform:translate(0)}.section-title span{color:var(--text-white);margin-right:15px;animation:1.2s infinite blink;display:inline-block}.edu-card{background-color:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-style:preserve-3d;opacity:0;border:1px solid #ffffff0d;padding:40px;transition:transform .1s linear,box-shadow .3s,border-color .3s;animation:.8s ease-out forwards paused slideIn;position:relative;transform:translate(50px)rotateY(10deg)}.education-section.animate-pop .edu-card{animation-play-state:running}@keyframes slideIn{to{opacity:1;transform:translate(0)rotateY(0)}}.edu-card:hover{z-index:10;background-color:#1e1e1ecc;border-color:#ff003c66;box-shadow:0 15px 50px #00000080}.card-bg-texture{opacity:.5;pointer-events:none;z-index:0;background-image:radial-gradient(#ff003c1a 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0}.card-sys-id{color:#ff003c80;letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:.7rem;position:absolute;top:10px;right:15px;transform:translateZ(5px)}.hud-corner{border:2px solid var(--primary-red);opacity:.6;z-index:1;width:20px;height:20px;transition:all .3s;position:absolute}.edu-card:hover .hud-corner{opacity:1;width:40px;height:40px;box-shadow:0 0 15px var(--primary-red)}.card-content-layer{transform-style:preserve-3d}.card-header{align-items:center;gap:20px;margin-bottom:25px;display:flex;transform:translateZ(30px)}.icon-box{border:1px solid var(--primary-red);width:60px;height:60px;box-shadow:var(--neon-glow);background:#0000004d;border-radius:4px;justify-content:center;align-items:center;display:flex}.icon-box svg{width:30px;fill:var(--primary-red);filter:drop-shadow(0 0 5px var(--primary-red))}.role-info h3{color:#fff;letter-spacing:1px;margin:0;font-size:1.4rem;font-weight:600}.role-info .institution{color:var(--primary-red);text-transform:uppercase;margin-top:5px;font-size:.95rem;font-weight:500}.info-row{gap:15px;margin-bottom:30px;display:flex;transform:translateZ(20px)}.glass-badge{color:var(--text-grey);background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;transition:all .3s;display:flex}.glass-badge:hover{border-color:var(--primary-red);color:#fff;box-shadow:0 0 10px #ff003c33}.info-icon{width:14px;height:14px;stroke:var(--primary-red)}.gpa-container{margin-bottom:25px;transform:translateZ(40px)}.gpa-label{letter-spacing:1px;color:var(--text-grey);justify-content:space-between;align-items:end;margin-bottom:8px;font-size:.75rem;display:flex}.gpa-value{color:var(--primary-red);text-shadow:0 0 8px #ff003c99;font-size:1.1rem;font-weight:700}.gpa-track{background:#00000080;border:1px solid #333;border-radius:2px;width:100%;height:8px;position:relative;overflow:hidden}.gpa-fill{background:var(--primary-red);height:100%;box-shadow:0 0 15px var(--primary-red);transition:width 1.5s cubic-bezier(.22,1,.36,1) .5s;position:relative}.gpa-ticks{z-index:2;pointer-events:none;background-image:linear-gradient(90deg,#0000 95%,#000c 95%);background-size:10% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.gpa-glow{background:linear-gradient(90deg,#0000,#fffc,#0000);width:100%;animation:2.5s infinite shimmer;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.edu-description{margin:0;padding:0;list-style:none;transform:translateZ(15px)}.edu-description li{color:#bbb;gap:10px;margin-bottom:8px;font-size:.9rem;line-height:1.5;display:flex}.edu-description li span{color:var(--primary-red);font-weight:700}@media (max-width:768px){.education-section{padding:60px 16px}.section-title{margin-bottom:40px;font-size:1.8rem;letter-spacing:2px!important}}@media (max-width:600px){.timeline-wrapper{padding-left:20px}.timeline-line{left:0}.timeline-dot{left:-6px}.edu-card{padding:25px;transform:none!important}.card-header{text-align:center;flex-direction:column}.info-row{flex-wrap:wrap;justify-content:center}.section-title{font-size:1.5rem;letter-spacing:2px!important}.role-info h3{font-size:1.1rem}.gpa-value{font-size:1rem}}@media (max-width:375px){.education-section{padding:48px 14px}.section-title{margin-bottom:32px;font-size:1.3rem}.edu-card{padding:20px}.info-row{flex-direction:column;align-items:stretch}.glass-badge{justify-content:center}.role-info h3{font-size:1rem}.edu-description li{font-size:.8rem}}:root{--neon-red:#ff003c;--neon-cyan:#00f3ff;--neon-green:#0aff0a;--bg-dark:#020202;--card-bg:#0f1419d9;--text-main:#fff}.skills-section{width:100%;max-width:1200px;color:var(--text-main);background-color:var(--bg-dark);margin:0 auto;padding:100px 20px;font-family:Fira Code,monospace;position:relative;overflow:hidden}.skills-section:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#00f3ff0d 1px,#0000 1px),linear-gradient(90deg,#00f3ff0d 1px,#0000 1px);background-size:40px 40px;width:200%;height:200%;animation:20s linear infinite gridMove;position:absolute;top:-50%;left:-50%;transform:perspective(500px)rotateX(60deg)}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(40px)}}.section-title-wrapper{text-align:center;z-index:10;margin-bottom:70px;position:relative}.section-title{color:#ff1f1f;text-transform:uppercase;opacity:0;text-shadow:2px 2px #00f3ff4d;-webkit-font-smoothing:antialiased;font-family:Orbitron,sans-serif;font-size:3rem;display:inline-block;position:relative;transform:translateY(-20px);filter:none!important}.skills-section.animate-pop .section-title{animation:.8s ease-out forwards fadeInSharp}@keyframes fadeInSharp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.skills-container{z-index:2;grid-template-columns:repeat(5,1fr);gap:25px;margin-bottom:80px;padding:0 10px;display:grid;position:relative}.skill-card{background:var(--card-bg);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);opacity:0;border:none;flex-direction:column;justify-content:center;align-items:center;height:140px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;transform:translateY(20px);box-shadow:inset 0 0 0 1px #00f3ff26}.skills-section.animate-pop .skill-card{animation:.5s forwards cardEntry}@keyframes cardEntry{to{opacity:1;transform:translateY(0)}}.skill-card:hover{box-shadow:inset 0 0 0 1px var(--neon-cyan),0 0 20px #00f3ff33;background:#00f3ff14;transform:translateY(-5px)}.skill-icon-wrapper{justify-content:center;align-items:center;width:55px;height:55px;margin-bottom:15px;transition:transform .3s;display:flex}.skill-icon,.skill-icon-svg{object-fit:contain;filter:drop-shadow(0 0 5px #fff3);width:100%;height:100%}.skill-card:hover .skill-icon-wrapper{transform:scale(1.15)rotate(5deg)}.skill-card:hover .skill-icon,.skill-card:hover .skill-icon-svg{filter:drop-shadow(0 0 8px #fff9)}.skill-name{color:#fff;letter-spacing:1px;text-transform:uppercase;text-align:center;font-size:.9rem;font-weight:600}.skill-card:hover .skill-name{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.card-corner{background:var(--neon-cyan);opacity:.5;width:8px;height:8px;transition:all .3s;position:absolute}.corner-tl{width:25px;height:2px;top:0;left:0}.corner-br{width:25px;height:2px;bottom:0;right:0}.skill-card:hover .card-corner{background:var(--neon-red);box-shadow:0 0 8px var(--neon-red);width:40px}.subsection-title{color:var(--neon-green);text-align:center;letter-spacing:3px;text-transform:uppercase;opacity:0;margin-bottom:40px;font-family:Orbitron,sans-serif;font-size:1.5rem}.skills-section.animate-pop .subsection-title{animation:.8s .4s forwards fadeInSharp}.tools-container{z-index:2;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:20px;margin-bottom:60px;display:grid;position:relative}.tool-card{opacity:0;background:#ffffff08;border:1px solid #ffffff1a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:15px;transition:all .3s;display:flex;overflow:hidden}.skills-section.animate-pop .tool-card{animation:.5s forwards cardEntry}.tool-card:hover{border-color:var(--neon-green);background:#0aff0a0d;transform:translateY(-5px);box-shadow:0 5px 15px #0aff0a1a}.tool-icon-wrapper{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tool-icon{object-fit:contain;width:100%;max-width:40px;height:100%;max-height:40px}.tool-name{color:#ddd;text-align:center;font-size:.8rem}.tool-card:hover .tool-name{color:var(--neon-green)}.skills-tagline{text-align:center;color:var(--neon-cyan);opacity:0;margin-top:50px;font-family:Fira Code,monospace;font-size:.9rem}.skills-section.animate-pop .skills-tagline{animation:1s 1s forwards fadeInSharp}@media (max-width:1024px){.skills-container{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.skills-section{padding:60px 16px}.section-title{font-size:2rem}.skills-container{grid-template-columns:repeat(3,1fr);gap:16px}.skill-card{height:120px}.tools-container{gap:14px}}@media (max-width:500px){.skills-container{grid-template-columns:repeat(2,1fr);gap:12px}.skill-card{height:110px}.skill-icon-wrapper{width:42px;height:42px;margin-bottom:10px}.skill-name{font-size:.75rem}.tools-container{grid-template-columns:repeat(2,1fr);gap:12px}.subsection-title{letter-spacing:1px;margin-bottom:28px;font-size:1.1rem}.section-title-wrapper{margin-bottom:48px}}@media (max-width:375px){.skills-section{padding:48px 14px}.section-title{font-size:1.5rem}.skill-card{height:100px}.skill-icon-wrapper{width:36px;height:36px;margin-bottom:8px}.skill-name{letter-spacing:0;font-size:.7rem}.skills-tagline{font-size:.75rem}}:root{--neon-red:#ff003c;--bg-dark:#050505;--card-bg:#0a0a0ab3;--text-main:#e0e0e0}.projects-section{background-color:var(--bg-dark);min-height:100vh;padding:120px 20px;font-family:Fira Code,monospace;position:relative;overflow:hidden}.projects-bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ff003c08 1px,#0000 1px),linear-gradient(90deg,#ff003c08 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 100%);mask-image:radial-gradient(circle,#000 40%,#0000 100%)}.projects-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}.header-wrapper{text-align:center;margin-bottom:60px}.projects-title{color:#fff;text-transform:uppercase;letter-spacing:4px;margin-bottom:10px;font-family:Orbitron,sans-serif;font-size:3rem;display:inline-block;position:relative}.projects-title:hover{color:var(--neon-red);animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}@keyframes glitch{0%{transform:translate(-52%)skew(0deg)}20%{transform:translate(-48%)skew(-2deg)}40%{transform:translate(-50%)skew(2deg)}60%{transform:translate(-51%)skew(0deg)}80%{transform:translate(-49%)skew(-1deg)}to{transform:translate(-50%)skew(0deg)}}.sys-status{color:var(--neon-red);opacity:.7;letter-spacing:2px;font-size:.8rem;animation:3s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:.4}50%{opacity:1}}.filter-container{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:70px;display:flex}.filter-btn{color:#888;cursor:pointer;letter-spacing:1px;background:#ffffff08;border:1px solid #333;padding:12px 30px;font-family:Orbitron,sans-serif;font-size:.85rem;transition:all .3s;position:relative;overflow:hidden}.filter-btn:hover,.filter-btn.active{border-color:var(--neon-red);color:#fff;background:#ff003c1a;box-shadow:0 0 15px #ff003c33}.btn-decor{background:var(--neon-red);opacity:.2;width:0;height:100%;transition:all .3s;position:absolute;top:0;left:0}.filter-btn.active .btn-decor{opacity:1;width:3px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:40px;display:grid}.project-card{background:var(--card-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #222;flex-direction:column;min-width:0;transition:all .4s;animation:.6s backwards fadeUp;display:flex;position:relative;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card:hover{border-color:var(--neon-red);transform:translateY(-8px);box-shadow:0 10px 30px -10px #ff003c33}.project-card:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff08,#ffffff0f,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-75%}.project-card:hover:after{animation:.8s forwards cardGlint}@keyframes cardGlint{0%{left:-75%}to{left:125%}}.scan-line{background:var(--neon-red);width:100%;height:5px;box-shadow:0 0 10px var(--neon-red);opacity:0;pointer-events:none;z-index:10;position:absolute;top:0;left:0}.project-card:hover .scan-line{opacity:.7;animation:1.5s linear infinite scan}.project-image-wrapper{aspect-ratio:16/10;border-bottom:1px solid #333;height:auto;position:relative;overflow:hidden}.project-image{object-fit:cover;filter:grayscale()contrast(1.1);width:100%;height:100%;transition:transform .6s,filter .6s}.project-card:hover .project-image{filter:grayscale(0%)contrast();transform:scale(1.05)}.project-highlight{z-index:2;color:#fff;letter-spacing:1px;text-transform:uppercase;overflow-wrap:anywhere;background:#050505d1;border:1px solid #ff003cbf;max-width:calc(100% - 32px);padding:7px 11px;font-family:Orbitron,sans-serif;font-size:.68rem;position:absolute;top:16px;right:16px;box-shadow:0 0 18px #ff003c2e}.img-overlay{opacity:0;background:#0009;transition:all .3s;position:absolute;inset:0}.project-card:hover .img-overlay{opacity:1}.project-actions{opacity:0;z-index:4;flex-direction:column;align-items:center;gap:10px;transition:all .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)}.project-card:hover .project-actions{opacity:1;transform:translate(-50%,-50%)}.action-btn{background:var(--neon-red);color:#000;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);white-space:nowrap;align-items:center;gap:8px;padding:10px 20px;font-size:.75rem;font-weight:700;text-decoration:none;transition:background .3s,box-shadow .3s,transform .2s;display:flex}.action-btn:hover{background:#fff;transform:scale(1.05);box-shadow:0 0 20px #fff9}.action-btn:nth-child(2){color:#000;background:#00e5ff}.action-btn:nth-child(2):hover{background:#fff;box-shadow:0 0 20px #00e5ff99}.project-content{flex-direction:column;flex-grow:1;padding:30px 25px;display:flex}.project-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.project-title{color:#fff;letter-spacing:.5px;overflow-wrap:anywhere;margin:0;font-family:Orbitron,sans-serif;font-size:1.2rem;line-height:1.35}.cat-badge{color:var(--neon-red);border:1px solid var(--neon-red);text-transform:uppercase;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:3px 8px;font-size:.7rem;display:flex}.project-desc{color:#999;margin-bottom:20px;font-size:.9rem;line-height:1.6}.divider-line{background:#333;width:100%;height:1px;margin-bottom:20px}.project-stack{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.stack-tag{color:#777;background:#ffffff08;padding:4px 10px;font-family:Fira Code,monospace;font-size:.75rem;transition:all .3s}.hash{color:var(--neon-red);opacity:.6;margin-right:3px}.project-card:hover .stack-tag{color:#ccc;background:#ff003c0d;transition:all .3s;transform:translate(3px)}.stack-tag:hover{text-shadow:0 0 8px #ff003c66;color:var(--neon-red)!important}.project-card .corner{opacity:.5;border:2px solid #444;width:8px;height:8px;transition:all .3s;position:absolute}.project-card .top-left{border-bottom:none;border-right:none;top:0;left:0}.project-card .top-right{border-bottom:none;border-left:none;top:0;right:0}.project-card .bottom-left{border-top:none;border-right:none;bottom:0;left:0}.project-card .bottom-right{border-top:none;border-left:none;bottom:0;right:0}.project-card:hover .corner{border-color:var(--neon-red);opacity:1;width:15px;height:15px}@media (max-width:768px){.projects-section{padding:60px 16px}.header-wrapper{margin-bottom:36px}.projects-grid{grid-template-columns:1fr;gap:26px}.projects-title{letter-spacing:2px;font-size:2rem;line-height:1.25}.filter-container{justify-content:flex-start;gap:10px;margin-bottom:36px}.filter-btn{min-height:44px;padding:10px 14px;font-size:.72rem}.project-content{padding:24px 18px}.project-header{align-items:flex-start}.project-title{font-size:1rem}.project-desc{font-size:.86rem}.project-highlight{font-size:.62rem;top:12px;right:12px}}@media (max-width:420px){.project-header{flex-direction:column}.filter-container{gap:8px}.filter-btn{flex:calc(50% - 8px);min-width:0}}@media (max-width:375px){.projects-section{padding:48px 14px}.projects-title{letter-spacing:1px;font-size:1.6rem}.project-content{padding:20px 16px}.project-desc{font-size:.82rem;line-height:1.5}.stack-tag{font-size:.7rem}}@media (hover:none),(pointer:coarse){.project-image{filter:grayscale(0%)contrast()}.img-overlay{opacity:.48}.project-actions{opacity:1;flex-direction:row;justify-content:center;inset:auto 14px 14px;transform:none}.project-card:hover .project-actions{transform:none}.action-btn{flex:1;justify-content:center;min-width:0;min-height:44px;padding:10px 12px}}:root{--neon-red:#ff003c;--neon-red-dim:#ff003c1a;--bg-dark:#050505;--card-bg:#0b0b0b;--text-main:#e0e0e0;--border-color:#333}.certificates-section{background-color:var(--bg-dark);perspective:1200px;min-height:100vh;padding:120px 20px;font-family:Fira Code,monospace;position:relative;overflow:hidden}.bg-grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#ff003c0d 1px,#0000 1px),linear-gradient(90deg,#ff003c0d 1px,#0000 1px);background-size:30px 30px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 100%);mask-image:radial-gradient(circle,#000 40%,#0000 100%)}.certificates-container{z-index:2;max-width:1200px;margin:0 auto;position:relative}.cert-section-title{text-align:center;color:#fff;text-transform:uppercase;letter-spacing:4px;margin-bottom:10px;font-family:Orbitron,sans-serif;font-size:3rem;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.cert-section-title:hover{color:var(--neon-red);animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch}.cert-section-title:hover .accent{color:#fff}.subsection-container{opacity:.8;align-items:center;margin-bottom:60px;display:flex}.subsection-label{color:var(--neon-red);white-space:nowrap;margin-right:20px;font-size:1rem}.deco-line{background:linear-gradient(90deg,var(--neon-red),transparent);opacity:.5;width:100%;height:1px}.certificates-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:32px;margin-bottom:84px;display:grid}.cert-card{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform-style:preserve-3d;background:#0a0a0a99;border:1px solid #222;flex-direction:column;align-items:center;min-width:0;padding:40px 30px;transition:all .4s;display:flex;position:relative;overflow:hidden}.cert-card:before{content:"";z-index:6;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0a,#ffffff14,#0000);width:60%;height:100%;transition:none;position:absolute;top:0;left:-100%}.cert-card:hover:before{animation:.7s forwards certShine}@keyframes certShine{0%{left:-100%}to{left:150%}}.card-header{color:#555;text-transform:uppercase;justify-content:space-between;width:100%;margin-bottom:20px;font-size:.75rem;display:flex}.status-dot{background-color:#333;border-radius:50%;width:8px;height:8px;transition:all .3s;box-shadow:0 0 5px #333}.cert-card:hover{border-color:var(--neon-red);transform:translateY(-5px);box-shadow:0 10px 40px -10px #ff003c26}.cert-card:hover .status-dot{background-color:var(--neon-red);box-shadow:0 0 8px var(--neon-red)}.scan-line{background:var(--neon-red);opacity:0;width:100%;height:5px;box-shadow:0 0 15px var(--neon-red);pointer-events:none;z-index:10;position:absolute;top:0;left:0}.cert-card:hover .scan-line{opacity:.6;animation:1.5s linear infinite scan}.cert-icon-box{margin-bottom:20px}.cert-icon{color:#fff;opacity:.8;font-size:3.5rem;transition:all .3s}.cert-card:hover .cert-icon{color:var(--neon-red);filter:drop-shadow(0 0 15px var(--neon-red));transform:scale(1.1)}.cert-title{color:#fff;overflow-wrap:anywhere;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.4}.cert-issuer{color:#888;text-transform:uppercase;letter-spacing:1px;margin-bottom:25px;font-size:.85rem}.cert-issuer .highlight{color:#ccc}.cert-date-badge{border:1px solid var(--neon-red);color:var(--neon-red);letter-spacing:1px;background:#ff003c0d;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-block}.cert-overlay{opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#050505e6;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex;position:absolute;inset:0}.cert-card:hover .cert-overlay{opacity:1}.overlay-btn{color:var(--neon-red);border:1px solid var(--neon-red);letter-spacing:2px;text-transform:uppercase;text-align:center;background:#ff003c0d;align-items:center;gap:10px;padding:12px 25px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s;display:flex;box-shadow:0 0 20px #ff003c1a}.overlay-btn:hover{background:var(--neon-red);color:#000;box-shadow:0 0 30px #ff003c66}.icon-sm{font-size:.9rem}.cert-card .corner{opacity:.5;border:2px solid #444;width:10px;height:10px;transition:all .3s;position:absolute}.cert-card .top-left{border-bottom:none;border-right:none;top:0;left:0}.cert-card .top-right{border-bottom:none;border-left:none;top:0;right:0}.cert-card .bottom-left{border-top:none;border-right:none;bottom:0;left:0}.cert-card .bottom-right{border-top:none;border-left:none;bottom:0;right:0}.cert-card:hover .corner{border-color:var(--neon-red);opacity:1;width:20px;height:20px;box-shadow:0 0 10px var(--neon-red)}.cert-card:hover .top-left{top:10px;left:10px}.cert-card:hover .top-right{top:10px;right:10px}.cert-card:hover .bottom-left{bottom:10px;left:10px}.cert-card:hover .bottom-right{bottom:10px;right:10px}.scroll-visual-container{flex-direction:column;align-items:center;gap:15px;margin-top:20px;display:flex}.scroll-icon{color:var(--neon-red);font-size:1.5rem;animation:2s infinite bounce}.scroll-text{color:#666;letter-spacing:3px;font-size:.8rem}@media (max-width:768px){.certificates-section{padding:86px 16px}.cert-section-title{letter-spacing:2px;font-size:2rem;line-height:1.25;display:block;left:auto;transform:none}.cert-section-title:hover{animation:none}.subsection-container{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:38px}.subsection-label{white-space:normal;margin-right:0;line-height:1.5}.certificates-grid{grid-template-columns:1fr;gap:24px}.cert-card{padding:30px 20px}.cert-title{font-size:1rem}.cert-overlay{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;width:100%;margin-top:22px;position:static}.overlay-btn{letter-spacing:1px;justify-content:center;width:100%;padding:11px 14px}.scroll-visual-container{display:none}}@media (max-width:430px){.cert-section-title{letter-spacing:1px;font-size:1.6rem}.cert-card{padding:24px 16px}.cert-title{font-size:.9rem}.overlay-btn{letter-spacing:1px;padding:10px 12px;font-size:.7rem}}@media (max-width:375px){.certificates-section{padding:48px 14px}.cert-section-title{font-size:1.4rem}.subsection-label{font-size:.8rem}}:root{--neon-red:#ff003c;--bg-dark:#050505;--glass:#ffffff08}.content-record-section{background-color:var(--bg-dark);opacity:0;padding:120px 20px;font-family:Fira Code,monospace;transition:opacity .6s ease-out,transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;transform:translateY(30px)}.content-record-section.visible{opacity:1;transition-delay:.3s;transform:translateY(0)}.cr-bg-grid{pointer-events:none;background-image:linear-gradient(#ff003c08 1px,#0000 1px),linear-gradient(90deg,#ff003c08 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 80%);mask-image:radial-gradient(circle,#000 30%,#0000 80%)}.cr-header-container{text-align:center;z-index:2;margin-bottom:70px;position:relative}.cr-title{color:#fff;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;font-family:Orbitron,sans-serif;font-size:3rem;display:inline-block;position:relative}.cr-title:hover{color:var(--neon-red);animation:.3s infinite glitch-anim}@keyframes glitch-anim{0%{clip-path:inset(10% 0 60%)}20%{clip-path:inset(80% 0 5%)}40%{clip-path:inset(20% 0 50%)}60%{clip-path:inset(60% 0 10%)}80%{clip-path:inset(10% 0 80%)}to{clip-path:inset(40% 0 30%)}}.cr-subtitle{color:var(--neon-red);opacity:.8;letter-spacing:2px;font-size:.9rem}.cr-grid{z-index:2;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:50px;max-width:1000px;margin:0 auto;display:grid;position:relative}.tech-card{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0ab3;border:1px solid #222;flex-direction:column;align-items:center;padding:50px 30px;transition:all .4s;display:flex;position:relative;overflow:hidden}.tech-card:hover{border-color:var(--neon-red);transform:translateY(-10px);box-shadow:0 0 30px #ff003c26}.scan-line{background:linear-gradient(to bottom,transparent,var(--neon-red),transparent);opacity:0;pointer-events:none;width:100%;height:10px;position:absolute;top:0;left:0}.tech-card:hover .scan-line{opacity:.5;animation:1.5s linear infinite scan-down}@keyframes scan-down{0%{top:-20%}to{top:120%}}.recording-indicator{align-items:center;gap:8px;display:flex;position:absolute;top:20px;right:20px}.rec-text{color:var(--neon-red);font-size:.7rem;font-weight:700}.rec-dot{background:var(--neon-red);border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #ff003cb3}70%{box-shadow:0 0 0 6px #ff003c00}to{box-shadow:0 0 #ff003c00}}.cr-icon-box{margin-bottom:25px}.cr-icon{color:#fff;font-size:4rem;transition:all .3s}.tech-card:hover .cr-icon{color:var(--neon-red);filter:drop-shadow(0 0 10px var(--neon-red))}.cr-card-title{color:#fff;margin-bottom:20px;font-family:Orbitron,sans-serif;font-size:1.4rem}.cr-desc{color:#aaa;margin-bottom:40px;font-size:.9rem;line-height:1.6}.cr-btn{border:1px solid var(--neon-red);color:var(--neon-red);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;padding:10px 30px;font-family:Orbitron,sans-serif;font-size:.8rem;transition:all .3s;position:relative;overflow:hidden}.cr-btn:hover{background:var(--neon-red);color:#000;box-shadow:0 0 20px var(--neon-red)}.corner{border:2px solid var(--neon-red);opacity:0;width:10px;height:10px;transition:all .3s;position:absolute}.tech-card:hover .corner{opacity:1;width:20px;height:20px}@media (max-width:768px){.content-record-section{padding:60px 16px}.cr-grid{grid-template-columns:1fr;gap:28px}.cr-title{letter-spacing:2px;font-size:2rem}.cr-header-container{margin-bottom:48px}.tech-card{padding:36px 24px}.cr-card-title{font-size:1.2rem}.cr-desc{margin-bottom:28px;font-size:.85rem}}@media (max-width:430px){.cr-title{letter-spacing:1px;font-size:1.6rem}.cr-subtitle{font-size:.75rem}.tech-card{padding:30px 20px}.cr-icon{font-size:3rem}}@media (max-width:375px){.content-record-section{padding:48px 14px}.cr-title{font-size:1.4rem}.cr-btn{letter-spacing:1px;min-height:44px;padding:10px 20px;font-size:.7rem}}:root{--neon-red:#ff003c;--bg-black:#050505}.recommendations-section{background-color:var(--bg-black);min-height:60vh;padding:100px 20px;position:relative;overflow:hidden}.rec-header-track{justify-content:center;margin-bottom:80px;display:flex}.rec-title{color:#fff;letter-spacing:2px;opacity:0;font-family:Orbitron,sans-serif;font-size:2.5rem;transition:all 1s cubic-bezier(.22,1,.36,1);transform:translate(-50vw)}.rec-header-track.centered .rec-title{opacity:1;transform:translate(0)}.rec-container{perspective:1000px;justify-content:center;display:flex}.rec-card-wrapper{background:linear-gradient(90deg,#222,var(--neon-red),#222);opacity:0;background-size:200% 200%;border-radius:4px;padding:3px;transition:all .8s ease-out .4s;position:relative;transform:rotateX(20deg)scale(.9);box-shadow:0 0 #ff003c00}.rec-card-wrapper.fade-in{opacity:1;animation:3s infinite border-flow;transform:rotateX(0)scale(1);box-shadow:0 0 30px #ff003c33}@keyframes border-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.rec-card{text-align:center;background:#0a0a0a;width:100%;max-width:600px;padding:60px 40px;position:relative;overflow:hidden}.rec-bg-glow{pointer-events:none;background:radial-gradient(circle,#ff003c0d 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.rec-main-icon{color:var(--neon-red);filter:drop-shadow(0 0 10px #ff003c80);margin-bottom:25px;font-size:4rem}.rec-card-title{color:#fff;text-transform:uppercase;margin-bottom:20px;font-family:Orbitron,sans-serif;font-size:1.5rem}.rec-desc{color:#888;margin-bottom:40px;font-family:Fira Code,monospace;line-height:1.6}.rec-btn{border:1px solid var(--neon-red);color:#fff;letter-spacing:1px;background:#ff003c1a;align-items:center;gap:12px;padding:12px 35px;font-family:Orbitron,sans-serif;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-flex}.rec-btn:hover{background:var(--neon-red);color:#000;box-shadow:0 0 25px var(--neon-red)}.rec-quote-decor{color:#ffffff05;font-size:5rem;position:absolute;bottom:20px;right:20px}@media (max-width:768px){.recommendations-section{min-height:auto;padding:60px 16px}.rec-title{letter-spacing:1px;font-size:1.8rem}.rec-header-track{margin-bottom:50px}.rec-card{padding:40px 24px}.rec-card-title{font-size:1.2rem}.rec-desc{margin-bottom:28px;font-size:.85rem}.rec-btn{min-height:44px;padding:12px 24px;font-size:.8rem}.rec-main-icon{margin-bottom:20px;font-size:3rem}}@media (max-width:430px){.rec-title{font-size:1.5rem}.rec-card{padding:32px 20px}.rec-card-title{font-size:1rem}.rec-btn{letter-spacing:0;flex-wrap:wrap;justify-content:center;padding:12px 18px;font-size:.75rem}}@media (max-width:375px){.recommendations-section{padding:48px 14px}.rec-title{font-size:1.3rem}.rec-quote-decor{font-size:3rem}}:root{--neon-red:#ff003c;--bg-dark:#050505;--card-dark:#0a0a0a;--text-grey:#a0a0a0}.contact-section{background-color:var(--bg-dark);opacity:0;padding:100px 20px;font-family:Fira Code,monospace;transition:all .8s ease-out;position:relative;overflow:hidden;transform:translateY(20px)}.contact-section.visible{opacity:1;transform:translateY(0)}.contact-bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#ff003c08 1px,#0000 1px),linear-gradient(90deg,#ff003c08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.contact-container{z-index:2;max-width:1100px;margin:0 auto;position:relative}.contact-header-container{text-align:center;margin-bottom:60px}.contact-title{color:#fff;text-transform:uppercase;letter-spacing:3px;font-family:Orbitron,sans-serif;font-size:3rem;display:inline-block;position:relative}.accent{color:var(--neon-red);margin-right:15px}.cursor-blink{color:var(--neon-red);margin-left:10px;animation:1s step-end infinite blink}.main-message-box{text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0acc;border:1px solid #ff003c33;margin-bottom:60px;padding:50px;transition:border-color .5s,box-shadow .5s;position:relative;overflow:hidden}.main-message-box:hover{border-color:#ff003c80;box-shadow:0 0 40px #ff003c14,inset 0 0 30px #ff003c08}.msg-header{border-bottom:1px solid #ff003c1a;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.msg-label{color:var(--neon-red);letter-spacing:2px;font-size:.8rem;animation:2s infinite pulse-text}.msg-icon{color:var(--neon-red);font-size:1.2rem}.msg-title{color:#fff;letter-spacing:1px;margin-bottom:20px;font-family:Orbitron,sans-serif;font-size:2rem}.msg-body{color:var(--text-grey);max-width:800px;font-size:1.1rem;line-height:1.8}.msg-border-glow{background:var(--neon-red);width:0%;height:2px;box-shadow:0 0 15px var(--neon-red);transition:width 1s ease-in-out;position:absolute;bottom:0;left:0}.contact-section.visible .msg-border-glow{width:100%}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.5}}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.contact-card{text-align:center;background:#080808;border:1px solid #222;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:40px 20px;transition:all .3s;display:flex;position:relative}.contact-card:hover{border-color:var(--neon-red);transform:translateY(-5px);box-shadow:0 0 30px #ff003c1a}.card-bg-anim{opacity:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff003c0d 3px);width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.contact-card:hover .card-bg-anim{opacity:1}.icon-box{background:var(--neon-red);justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:25px;transition:all .3s;display:flex;position:relative;box-shadow:0 0 15px #ff003c80}.icon-box:after{content:"";border:2px solid var(--neon-red);opacity:0;position:absolute;inset:0}.contact-card:hover .icon-box:after{animation:1s ease-out infinite radarPing}@keyframes radarPing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2)}}.c-icon{color:#000;font-size:1.5rem}.contact-card:hover .icon-box{border:1px solid var(--neon-red);box-shadow:0 0 20px var(--neon-red);background:#000;transform:rotate(45deg)}.contact-card:hover .c-icon{color:var(--neon-red);transform:rotate(-45deg)}.c-label{color:#fff;margin-bottom:10px;font-family:Orbitron,sans-serif;font-size:1.2rem}.c-text{color:var(--text-grey);letter-spacing:.5px;font-size:.95rem}.corner-decor{border:2px solid var(--neon-red);opacity:0;width:10px;height:10px;transition:all .3s;position:absolute}.top-left{border-bottom:none;border-right:none;top:10px;left:10px}.bottom-right{border-top:none;border-left:none;bottom:10px;right:10px}.contact-card:hover .corner-decor{opacity:1}@media (max-width:768px){.contact-section{padding:60px 16px}.contact-title{font-size:2rem}.msg-title{font-size:1.5rem}.main-message-box{padding:28px 20px}.contact-grid{grid-template-columns:1fr}.msg-body{font-size:.95rem}.contact-card{min-height:200px;padding:32px 20px}}@media (max-width:430px){.contact-title{letter-spacing:1px;font-size:1.6rem}.msg-title{font-size:1.2rem}.msg-body{font-size:.85rem;line-height:1.6}.c-text{word-break:break-all;font-size:.85rem}}@media (max-width:375px){.contact-section{padding:48px 14px}.contact-title{font-size:1.4rem}.main-message-box{margin-bottom:36px;padding:24px 16px}.contact-card{min-height:180px;padding:28px 16px}.c-label{font-size:1rem}}:root{--neon-red:#ff003c;--bg-black:#050505;--text-dim:#666;--text-light:#b0b0b0}.footer-section{background-color:var(--bg-black);text-align:center;padding:50px 20px 30px;font-family:Fira Code,monospace;position:relative;overflow:hidden}.footer-line-container{background:#222;width:100%;height:1px;position:absolute;top:0;left:0;overflow:hidden}.footer-line{opacity:.3;background:linear-gradient(90deg,#0000,#ff003c80,#0000);width:100%;height:100%}.footer-scanner{background:linear-gradient(90deg,transparent,var(--neon-red),transparent);width:50%;height:100%;box-shadow:0 0 10px var(--neon-red);animation:6s linear infinite scan-horizontal;position:absolute;top:0;left:-50%}@keyframes scan-horizontal{0%{left:-50%}to{left:150%}}.footer-content{z-index:2;flex-direction:column;align-items:center;gap:15px;display:flex;position:relative}.copyright{color:var(--text-light);letter-spacing:1px;opacity:.8;font-size:.9rem;transition:all .3s}.copyright:hover{opacity:1;text-shadow:0 0 8px #fff3}.tagline{color:var(--text-dim);justify-content:center;align-items:center;gap:8px;font-size:.8rem;display:flex}.highlight{color:#888;transition:color .3s;position:relative}.footer-icon{color:var(--neon-red);opacity:.7;font-size:.8rem;transition:all .3s}.footer-section:hover .footer-icon{opacity:1;filter:drop-shadow(0 0 6px var(--neon-red));animation:.5s iconBounce}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.footer-section:hover .highlight{color:var(--neon-red);text-shadow:0 0 5px #ff003c80}.footer-line{opacity:.3;background:linear-gradient(90deg,#0000,#ff003c80,#0000);width:100%;height:100%;animation:3s ease-in-out infinite footerLineWave}@keyframes footerLineWave{0%,to{opacity:.2}50%{opacity:.6}}.footer-glow{pointer-events:none;background:radial-gradient(circle,#ff003c1a 0%,#0000 70%);width:60%;height:50px;position:absolute;bottom:-50px;left:50%;transform:translate(-50%)}@media (max-width:768px){.footer-section{padding:36px 16px 24px}}@media (max-width:600px){.tagline{flex-wrap:wrap;font-size:.75rem}.copyright{font-size:.8rem}}@media (max-width:375px){.footer-section{padding:28px 14px 20px}.tagline{gap:4px;font-size:.7rem}}:root{--bg-black:#000;--neon-red:#ff2e2e;--dim-red:#ff2e2e4d;--neon-green:#00ff41;--text-grey:#666}.entry-screen{background-color:var(--bg-black);z-index:99999;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Space Mono,monospace;display:flex;position:fixed;inset:0;overflow:hidden}.crt-overlay{pointer-events:none;z-index:999;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;width:100%;height:100%;position:fixed;top:0;left:0}.scanline{opacity:.4;pointer-events:none;z-index:999;background:#ffffff1a;width:100%;height:5px;animation:6s linear infinite scanline;position:fixed;top:0;left:0}@keyframes scanline{0%{top:-10%}to{top:110%}}.idle-container{cursor:pointer;z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.main-title-wrapper{text-align:center;z-index:2;flex-direction:column;align-items:center;gap:0;margin-bottom:20px;display:flex}.title-white{color:#fff;text-shadow:0 0 25px #ffffff80,0 0 50px var(--neon-red);margin:0;font-family:Orbitron,sans-serif;font-size:clamp(40px,8vw,100px);font-weight:900;line-height:1}.title-red{color:var(--neon-red);text-shadow:0 0 30px var(--neon-red),0 0 60px var(--neon-red);letter-spacing:5px;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(40px,8vw,100px);font-weight:900;line-height:1}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:var(--bg-black);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-1px 0 #0ff;clip-path:inset(24% 0 29%);animation:2.5s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch:after{text-shadow:-1px 0 #ff003c;clip-path:inset(50% 0 30%);animation:3s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim-2{0%{clip-path:inset(30% 0 20%)}20%{clip-path:inset(10% 0 70%)}40%{clip-path:inset(80% 0 5%)}60%{clip-path:inset(30% 0)}80%{clip-path:inset(5% 0 85%)}to{clip-path:inset(60% 0 10%)}}.subtitle-wrapper{align-items:center;gap:10px;margin-bottom:60px;display:flex}.role-text.typewriter{color:var(--neon-red);letter-spacing:2px;opacity:.9;border-right:2px solid var(--neon-red);white-space:nowrap;font-family:Space Mono,monospace;font-size:18px;animation:3s steps(30,end) typing,.75s step-end infinite blink-caret;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--neon-red)}}.initialize-box{pointer-events:none;border:1px solid #ff2e2e4d;margin-bottom:40px;padding:20px 40px;transition:all .3s;position:relative}.idle-container:hover .initialize-box{background:#ff2e2e1a;box-shadow:0 0 20px #ff2e2e33}.click-text{color:#fff;letter-spacing:2px;font-family:Space Mono,monospace;font-size:14px}.corner{border:3px solid #fff;width:15px;height:15px;transition:all .3s;position:absolute}.c-tl{border-bottom:none;border-right:none;top:-2px;left:-2px}.c-tr{border-bottom:none;border-left:none;top:-2px;right:-2px}.c-bl{border-top:none;border-right:none;bottom:-2px;left:-2px}.c-br{border-top:none;border-left:none;bottom:-2px;right:-2px}.idle-container:hover .corner{border-color:var(--neon-red);width:20px;height:20px}.system-status{color:#666;letter-spacing:1px;align-items:center;gap:10px;margin-bottom:20px;font-size:12px;display:flex}.status-dot{background:var(--neon-red);width:12px;height:12px;box-shadow:0 0 10px var(--neon-red);border-radius:50%;animation:1s infinite blink-caret}.bottom-bar{color:#333;text-transform:uppercase;justify-content:space-between;width:90%;font-size:10px;display:flex;position:absolute;bottom:30px}.particles .p{background:var(--neon-red);width:4px;height:4px;box-shadow:0 0 10px var(--neon-red);opacity:.6;border-radius:50%;animation:6s ease-in-out infinite floatParticle;position:absolute}.p1{animation-delay:0s;top:20%;left:20%}.p2{animation-delay:1s;top:30%;right:25%}.p3{animation-delay:2s;bottom:40%;left:30%}.p4{animation-delay:3s;bottom:25%;right:35%}@keyframes floatParticle{0%,to{opacity:.4;transform:translate(0)}50%{opacity:.8;transform:translate(10px,-20px)}}.boot-container{flex-direction:column;gap:30px;width:100%;max-width:800px;padding:20px;display:flex}.boot-header{border:2px solid var(--neon-red);text-align:center;width:fit-content;margin:0 auto 20px;padding:15px}.boot-header h2{color:var(--neon-red);letter-spacing:2px;margin:0;font-family:Orbitron,sans-serif;font-size:32px}.terminal-box{border:1px solid var(--neon-red);background:#ff2e2e05;flex-direction:column;justify-content:flex-start;gap:12px;min-height:250px;padding:30px;display:flex}.log-line{align-items:center;gap:10px;font-family:Space Mono,monospace;font-size:16px;display:flex}.arrow{color:var(--neon-red)}.log-text{color:var(--neon-green);text-transform:uppercase}.cursor-block{background:var(--neon-green);width:10px;height:18px;margin-left:20px;animation:.8s infinite blink;display:inline-block}.progress-section{margin-top:10px}.bar-header{color:#fff;justify-content:space-between;margin-bottom:8px;font-family:Space Mono,monospace;font-size:14px;display:flex}.progress-track{border:1px solid var(--neon-red);background:#1a1a1a;width:100%;height:12px;padding:1px}.progress-fill{background:#f88;height:100%;transition:width .1s linear}.ruler{color:var(--neon-red);justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.stats-footer{border-top:1px solid #222;justify-content:space-around;margin-top:10px;padding-top:20px;display:flex}.stat-col{text-align:center}.stat-label{color:#555;margin-bottom:5px;font-size:12px}.stat-val{font-size:16px;font-weight:700}.stat-val.red{color:var(--neon-red)}.stat-val.green{color:var(--neon-green)}.fade-exit{opacity:0;pointer-events:none;transition:opacity .8s}@media (max-width:700px){.title-white,.title-red{font-size:40px}.terminal-box{min-height:200px;padding:15px}.log-line{font-size:12px}.boot-header h2{font-size:24px}.bottom-bar{flex-direction:column;align-items:center;gap:5px}.subtitle-wrapper{margin-bottom:40px}.role-text.typewriter{letter-spacing:1px;font-size:14px}.initialize-box{padding:16px 28px}.click-text{font-size:12px}}@media (max-width:430px){.title-white,.title-red{letter-spacing:2px;font-size:32px}.role-text.typewriter{letter-spacing:1px;font-size:12px}.initialize-box{padding:14px 24px}.boot-header h2{font-size:20px}.log-line{font-size:11px}.bar-header{font-size:12px}.stat-val{font-size:14px}}@media (max-width:375px){.title-white,.title-red{letter-spacing:1px;font-size:28px}.role-text.typewriter{letter-spacing:0;font-size:11px}.system-status{font-size:10px}.boot-container{gap:20px;padding:16px}.terminal-box{gap:8px;min-height:180px;padding:12px}.log-line{font-size:10px}.boot-header h2{font-size:18px}}#root{width:100%;min-height:100%;text-align:initial;margin:0;padding:0}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:20s linear infinite logo-spin}}.card{padding:2em}.read-the-docs{color:#888}