@import"https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css";html,body{overflow-x:hidden;max-width:100vw;width:100%;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#0891b2;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#06b6d4}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes glitch-skew{0%{transform:skew(0)}20%{transform:skew(-2deg)}40%{transform:skew(2deg)}60%{transform:skew(-1deg)}80%{transform:skew(1deg)}to{transform:skew(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.animate-blink{animation:blink 1s step-end infinite}.scanlines{background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;animation:scanline 10s linear infinite;pointer-events:none}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#050505}.glitch-text:before{left:2px;text-shadow:-1px 0 #d946ef;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #06b6d4;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,81px,0)}20%{clip:rect(62px,9999px,12px,0)}40%{clip:rect(15px,9999px,45px,0)}60%{clip:rect(80px,9999px,5px,0)}80%{clip:rect(35px,9999px,90px,0)}to{clip:rect(50px,9999px,30px,0)}}@keyframes glitch-anim-2{0%{clip:rect(60px,9999px,10px,0)}20%{clip:rect(10px,9999px,80px,0)}40%{clip:rect(90px,9999px,20px,0)}60%{clip:rect(15px,9999px,70px,0)}80%{clip:rect(55px,9999px,40px,0)}to{clip:rect(30px,9999px,60px,0)}}.cyber-button-primary{@apply relative w-full px-8 py-4 bg-cyber-cyan/10 border border-cyber-cyan text-cyber-cyan font-bold font-orbitron tracking-widest uppercase transition-all duration-300;}.cyber-button-primary:hover{@apply bg-cyber-cyan text-black shadow-[0_0_20px_rgba(6,182,212,.6)];}.cyber-button-secondary{@apply relative px-8 py-3 bg-transparent border border-white/20 text-white font-bold font-orbitron tracking-wider transition-all duration-300 hover:border-cyber-purple hover:text-cyber-purple hover:shadow-[0_0_15px_rgba(217,70,239,.4)];clip-path:polygon(0 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px))}.cyber-input{@apply w-full bg-cyber-black/50 border border-cyber-cyan/30 p-3 text-cyber-cyan font-mono outline-none transition-all duration-300 placeholder-gray-600;}.cyber-input:focus{@apply border-cyber-cyan shadow-[0_0_10px_rgba(6,182,212,.3)] bg-cyber-dark;}.skill-card{@apply p-4 bg-cyber-dark border border-white/5 flex flex-col items-center justify-center text-center transition-all duration-300 hover:border-cyber-cyan hover:shadow-[0_0_15px_rgba(6,182,212,.2)] hover:-translate-y-1 rounded-sm;}.tech-tag{@apply relative inline-flex items-center px-3 py-1 text-[10px] md:text-xs font-mono font-bold tracking-widest uppercase border transition-all duration-300 select-none cursor-default;clip-path:polygon(0 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%)}.tech-tag:before{content:"";@apply w-1.5 h-1.5 mr-2 bg-current shadow-[0_0_5px_currentColor] opacity-80;}.tech-tag-cyan{@apply border-cyber-cyan/30 text-cyber-cyan bg-cyber-cyan/5;}.tech-tag-cyan:hover{@apply border-cyber-cyan bg-cyber-cyan/10 shadow-[0_0_15px_rgba(6,182,212,.4)] text-white;}.tech-tag-purple{@apply border-cyber-purple/30 text-cyber-purple bg-cyber-purple/5;}.tech-tag-purple:hover{@apply border-cyber-purple bg-cyber-purple/10 shadow-[0_0_15px_rgba(217,70,239,.4)] text-white;}.cyber-link-btn{@apply inline-flex items-center px-4 py-2 border border-cyber-cyan text-cyber-cyan font-mono text-sm tracking-wider hover:bg-cyber-cyan hover:text-black transition-all duration-300 w-fit;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.cyber-link-btn:active,.cyber-link-btn:focus{outline:none}*:focus-visible{outline:2px solid #06b6d4;outline-offset:4px}.cyber-cert-card{background:#0a0a0fcc;border:1px solid rgba(255,255,255,.05);border-left:3px solid #bef264;padding:1rem 1.5rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.5rem;min-width:280px;box-shadow:0 4px 20px #0000004d}.cyber-cert-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(190,242,100,.05),transparent);transition:.5s}.cyber-cert-card:hover{border-left-width:6px;background:#bef2640d;transform:translate(5px);border-color:#bef26466;box-shadow:-5px 0 20px #bef2641a}.cyber-cert-card:hover:before{left:100%}.cyber-cert-card .cert-id{font-family:Share Tech Mono,monospace;font-size:.65rem;color:#bef26499;letter-spacing:2px}.cyber-cert-card .cert-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:.85rem;color:#fff;text-transform:uppercase}.cyber-cert-card .cert-status{font-size:.7rem;color:#bef264;font-weight:600;display:flex;align-items:center;gap:.5rem}.cyber-cert-card .cert-status:before{content:"";width:6px;height:6px;background:#bef264;border-radius:50%;box-shadow:0 0 8px #bef264;animation:blink 1.5s infinite}.cyber-project-v2{background:#050505e6;border:1px solid rgba(6,182,212,.2);position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);display:flex;flex-direction:column;height:100%}.cyber-project-v2:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,rgba(6,182,212,.3),transparent,rgba(217,70,239,.3));z-index:-1;opacity:0;transition:opacity .5s}.cyber-project-v2:hover{transform:translateY(-5px);border-color:#06b6d499;box-shadow:0 10px 30px #00000080,0 0 20px #06b6d41a}.cyber-project-v2:hover:before{opacity:1}.project-hud-header{padding:.75rem 1.5rem;border-bottom:1px border-dashed rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#ffffff05}.project-hud-id{font-family:Share Tech Mono,monospace;font-size:.6rem;color:#06b6d4b3;letter-spacing:2px}.project-hud-status{display:flex;align-items:center;gap:.4rem;font-size:.55rem;font-family:Orbitron,sans-serif;color:#22c55e;letter-spacing:1px}.project-hud-status .dot{width:4px;height:4px;background:#22c55e;border-radius:50%;box-shadow:0 0 5px #22c55e;animation:blink 1s infinite}.project-image-wrapper{position:relative;height:200px;overflow:hidden;background:#000}.project-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .8s scale;opacity:.8}.cyber-project-v2:hover .project-image-wrapper img{transform:scale(1.1);opacity:1}.project-image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#12101000 50%,#00000026 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;pointer-events:none;opacity:.4}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-title{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.25rem;color:#fff;margin-bottom:.75rem;letter-spacing:1px;text-shadow:0 0 10px rgba(255,255,255,.1)}.project-description{font-family:Rajdhani,sans-serif;font-size:1rem;color:#9ca3af;line-height:1.6;margin-bottom:1.5rem}.project-tech-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.project-hud-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.4rem;font-family:Share Tech Mono,monospace;font-size:.7rem;border:1px solid rgba(255,255,255,.15);color:currentColor;transition:all .3s cubic-bezier(.23,1,.32,1);background:#0006;text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.project-hud-btn:before{content:"";position:absolute;top:50%;left:-100%;width:80%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateY(-50%) skew(-25deg);transition:none}.project-hud-btn:hover{border-color:currentColor;color:#fff!important;box-shadow:0 0 20px #0006,inset 0 0 10px #ffffff0d;transform:translateY(-1px)}.project-hud-btn:hover:before{left:150%;transition:left .6s ease-in-out}.project-hud-btn span{position:relative;z-index:2;transition:transform .3s}.project-hud-btn:hover span{transform:translate(2px)}.cyber-soft-tag{position:relative;padding:.4rem .8rem;background:#06b6d408;border:1px solid rgba(6,182,212,.2);font-family:Share Tech Mono,monospace;font-size:.75rem;color:#06b6d4;cursor:default;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;align-items:center;gap:.5rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.cyber-soft-tag:before{content:"";width:4px;height:4px;background:#bef264;box-shadow:0 0 5px #bef264;transition:all .3s}.cyber-soft-tag:hover:before{transform:scale(1.5);background:#fff;box-shadow:0 0 10px #fff}.cyber-soft-tag .tag-text{letter-spacing:1px}.cyber-soft-tag:hover{background:#06b6d41a;border-color:#06b6d4;color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #06b6d433}.cyber-soft-tag:hover .tag-prefix{opacity:1;text-shadow:0 0 5px #bef264}@keyframes tag-entrance{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}#soft-skills-container div{animation:tag-entrance .5s ease-out forwards;opacity:0}#soft-skills-container div:nth-child(1){animation-delay:.1s}#soft-skills-container div:nth-child(2){animation-delay:.2s}#soft-skills-container div:nth-child(3){animation-delay:.3s}#soft-skills-container div:nth-child(4){animation-delay:.4s}#soft-skills-container div:nth-child(5){animation-delay:.5s}#soft-skills-container div:nth-child(6){animation-delay:.6s}.drag-handle{cursor:grab;width:20px;height:30px;display:flex;align-items:center;justify-content:center;color:#06b6d466;background-image:radial-gradient(circle,currentColor 1.5px,transparent 1.5px);background-size:5px 5px;background-repeat:repeat;margin-right:12px;transition:all .3s;flex-shrink:0;opacity:.6}.drag-handle:hover{color:#06b6d4;opacity:1;filter:drop-shadow(0 0 5px rgba(6,182,212,.5))}.drag-handle:active{cursor:grabbing}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.faq-item{background:#0006;border:1px solid rgba(255,255,255,.05);margin-bottom:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item:hover{border-color:#06b6d44d;background:#06b6d405}.faq-item.active{border-color:var(--hud-accent, #06b6d4);background:#06b6d40d;box-shadow:0 0 15px #06b6d41a}.faq-question{width:100%;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;text-align:left;outline:none;cursor:pointer}.faq-question h4{font-family:Share Tech Mono,monospace;font-size:.875rem;letter-spacing:.05em;color:#fff;transition:color .3s}.faq-item.active .faq-question h4{color:var(--hud-accent, #06b6d4)}.faq-icon{width:12px;height:12px;position:relative;transition:transform .3s;flex-shrink:0}.faq-icon:before,.faq-icon:after{content:"";position:absolute;background:currentColor;transition:all .3s}.faq-icon:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.faq-icon:after{width:2px;height:100%;left:50%;top:0;transform:translate(-50%)}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--hud-accent, #06b6d4)}.faq-answer{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0}.faq-item.active .faq-answer{max-height:500px;padding:0 1.25rem 1.25rem;opacity:1}.faq-answer p{font-family:Rajdhani,sans-serif;color:#9ca3af;font-size:.95rem;line-height:1.6}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.scanlines,.glitch-text:before,.glitch-text:after{display:none}}