@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e4e4e7;background:#050505;font-family:Rajdhani,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#030303}::-webkit-scrollbar-thumb{background:#7f1d1d}.cursor-none,.cursor-none *{cursor:none!important}.cursor-main{pointer-events:none;z-index:99999;will-change:transform;width:28px;height:28px;transition:width .15s,height .15s;position:fixed;transform:translate(-50%,-50%)}.cursor-main.hovering{width:36px;height:36px}.cursor-trail{pointer-events:none;z-index:99998;will-change:transform;background:radial-gradient(circle,#ef444408 0%,#0000 70%);border:1px solid #ef44442e;border-radius:50%;width:40px;height:40px;transition:width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}.cursor-trail.hovering{border-color:#ef44444d;width:56px;height:56px}@keyframes rPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes emberAnim{0%{opacity:0;transform:translateY(100vh)scale(.3)}15%{opacity:.9}85%{opacity:.45}to{opacity:0;transform:translateY(-15vh)scale(1.8)}}@keyframes scanMove{0%{opacity:0;top:-2px}5%{opacity:.6}95%{opacity:.4}to{opacity:0;top:100%}}@keyframes dialIdle{0%,to{filter:drop-shadow(0 0 10px #dc26264d)}50%{filter:drop-shadow(0 0 36px #ef4444a6)}}@keyframes glitch{0%,78%,to{transform:skew(0deg)}79%{transform:skew(-7deg)translate(-2px)}81%{transform:skew(7deg)translate(2px)}83%{transform:skew(-2deg)}}@keyframes pulseRing{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.35;transform:scale(1.02)}}@keyframes hoverFloat{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-6px)}}@keyframes ringRotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ringRotateCCW{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInHUD{0%{opacity:0}to{opacity:.15}}@keyframes typeFlicker{0%,to{opacity:.7}50%{opacity:1}}@keyframes dataScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes hexPulse{0%,to{opacity:.03}50%{opacity:.07}}@keyframes nodeGlow{0%,to{opacity:.3;r:1.5}50%{opacity:.8;r:2.5}}@keyframes scannerSweep{0%{opacity:0;transform:translateY(-10vh)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110vh)}}@keyframes radarPulse{0%{opacity:.6;border-width:6px;transform:scale(.2)}to{opacity:0;border-width:1px;transform:scale(3.5)}}@keyframes floatParticle{0%{opacity:.3;transform:translate(0)scale(1)}25%{opacity:.6;transform:translate(15px,-20px)scale(1.2)}50%{opacity:.4;transform:translate(-10px,-40px)scale(.8)}75%{opacity:.7;transform:translate(20px,-15px)scale(1.1)}to{opacity:.3;transform:translate(-5px,-30px)scale(1)}}.entrance-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a00008c;border:1px solid #dc26261f;border-radius:4px;padding:.75rem 1rem;font-family:Space Mono,monospace}.entrance-label{letter-spacing:.22em;color:#dc262680;text-transform:uppercase;margin-bottom:.4rem;font-size:.48rem}.entrance-value{color:#dc2626cc;letter-spacing:.08em;font-size:.58rem}.entrance-bar{background:#dc262614;border-radius:1px;height:2px;margin-top:.35rem;overflow:hidden}.entrance-bar-fill{background:linear-gradient(90deg,#dc26264d,#ef444499);border-radius:1px;height:100%}.orbit-ring{pointer-events:none;border:1px solid #dc26260f;border-radius:50%;position:absolute}.data-stream{color:#dc262640;letter-spacing:.08em;font-family:Space Mono,monospace;font-size:.42rem;line-height:1.8;animation:20s linear infinite dataScroll;overflow:hidden}.ember{pointer-events:none;z-index:5;background:#ef4444;border-radius:50%;animation:linear infinite emberAnim;position:fixed;bottom:0;box-shadow:0 0 8px #ef4444,0 0 16px #dc2626b3}.dial-idle{animation:3.5s ease-in-out infinite dialIdle}.spin-slow{transform-origin:50%;animation:120s linear infinite spin-slow}.spin-slow-reverse{transform-origin:50%;animation:80s linear infinite spin-slow-reverse}.reveal{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(30px)scale(.98)}.reveal.vis{opacity:1;transform:translateY(0)scale(1)}.reveal-left{opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);transform:translate(-30px)}.reveal-left.vis{opacity:1;transform:translate(0)}.tl-node{transition:background .3s,box-shadow .3s}.tl-item:hover .tl-node{box-shadow:0 0 14px #ef4444;background:#ef4444!important}.nav-a{letter-spacing:.12em;text-transform:uppercase;color:#52525b;font-family:Space Mono,monospace;font-size:.6rem;text-decoration:none;transition:color .2s;position:relative}.nav-a:after{content:"";background:#dc2626;width:0;height:1px;transition:width .25s;position:absolute;bottom:-2px;left:0}.nav-a:hover{color:#ef4444}.nav-a:hover:after{width:100%}.card-proj{background:#0a0a0c;border:1px solid #1c1c1e;border-radius:8px;transition:border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}.card-proj:hover{border-color:#dc26268c;transform:translateY(-4px);box-shadow:0 10px 30px #dc262617}.glitch-text:hover{animation:5s ease-in-out infinite glitch}.bg-grid{background-image:linear-gradient(#dc262607 1px,#0000 1px),linear-gradient(90deg,#dc262607 1px,#0000 1px);background-size:55px 55px}.btn-primary{color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #ef44444d;border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 22px #dc262680}.btn-ghost{color:#e4e4e7;letter-spacing:.08em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.btn-ghost:hover{color:#ef4444;border-color:#dc262680}.disconnect-btn{color:#dc2626;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #dc262673;border-radius:3px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700;transition:all .25s;display:flex}.disconnect-btn:hover{color:#050505;background:#dc2626;box-shadow:0 0 14px #dc262680}.skill-bar-track{background:#181818;border-radius:2px;height:2px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg,#7f1d1d,#dc2626,#f87171);border-radius:2px;width:0%;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.tag{color:#ef4444;letter-spacing:.04em;background:#dc262612;border:1px solid #dc262638;border-radius:3px;padding:.12rem .5rem;font-family:Space Mono,monospace;font-size:.58rem}.scanline-bar{pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#dc262617,#0000);height:2px;animation:10s linear infinite scanMove;position:fixed;top:-2px;left:0;right:0}.stat-card{text-align:center;background:#dc26260a;border:1px solid #dc262621;border-radius:4px;padding:.85rem 1rem}.stat-val{color:#ef4444;font-family:Orbitron,sans-serif;font-size:1.65rem;font-weight:900;line-height:1}.stat-label{color:#52525b;letter-spacing:.1em;text-transform:uppercase;margin-top:.35rem;font-family:Space Mono,monospace;font-size:.52rem}.about-card{background:#0a0a0c99;border:1px solid #dc26261a;border-radius:6px;padding:1.5rem;transition:border-color .3s,transform .3s}.about-card:hover{border-color:#dc26264d;transform:translateY(-2px)}.cert-badge{background:#0a0a0c80;border:1px solid #dc26261a;border-radius:6px;align-items:center;gap:.75rem;padding:.85rem 1.1rem;transition:border-color .3s,box-shadow .3s;display:flex}.cert-badge:hover{border-color:#dc26264d;box-shadow:0 0 16px #dc26260f}@media (width<=768px){.nav-links-desktop,.entrance-side-panel{display:none!important}h1{font-size:clamp(2rem,10vw,3.5rem)!important}h2{font-size:clamp(1.4rem,6vw,2.2rem)!important}#skills-grid,#projects-grid,#about-grid,.cert-grid{grid-template-columns:1fr!important;gap:1.8rem!important}section{padding:4rem 1.2rem!important}.nav-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0000d9;border:1px solid #dc262633;border-radius:6px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 90px);gap:.8rem!important;padding:.5rem .8rem!important;top:1rem!important;right:1rem!important}.nav-container a,.nav-container button{padding:.2rem .4rem!important;font-size:.55rem!important}.stat-card{padding:.75rem}.stat-val{font-size:1.4rem}.dial-idle{transform:scale(.85)}}@media (width<=480px){h1{font-size:clamp(1.8rem,8vw,2.8rem)!important}.btn-primary,.btn-ghost{justify-content:center;width:100%;padding:.7rem 1.2rem;font-size:.65rem}.dial-idle{transform:scale(.7)}}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 #dc2626;clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch:after{text-shadow:-2px 0 #0ff;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(44px, 9999px, 86px, 0)}20%{clip:rect(27px, 9999px, 34px, 0)}40%{clip:rect(100px, 9999px, 10px, 0)}60%{clip:rect(3px, 9999px, 60px, 0)}80%{clip:rect(65px, 9999px, 80px, 0)}to{clip:rect(14px, 9999px, 4px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(65px, 9999px, 100px, 0)}20%{clip:rect(2px, 9999px, 20px, 0)}40%{clip:rect(50px, 9999px, 80px, 0)}60%{clip:rect(10px, 9999px, 40px, 0)}80%{clip:rect(80px, 9999px, 90px, 0)}to{clip:rect(20px, 9999px, 30px, 0)}}.card-proj{transition:transform .3s,box-shadow .3s,border-color .3s!important}.card-proj:hover{z-index:10;border-color:#dc262666!important;transform:translateY(-8px)scale(1.02)!important;box-shadow:0 10px 30px #dc262626!important}