:root{--bg:#000;--cyan:#00f5ff;--blue:#06f;--neon:#0af;--white:#fff;--gray:#b0b0c0;--glass-bg:#ffffff0a;--glass-border:#00f5ff2e;--glass-blur:blur(18px);--glow-cyan:0 0 12px #00f5ff, 0 0 40px #00f5ff40;--glow-blue:0 0 12px #06f, 0 0 40px #0066ff40;--font-main:"Poppins", sans-serif;--font-body:"Montserrat", sans-serif;--transition:.35s cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}html,body{scrollbar-width:none;-ms-overflow-style:none}body{background:var(--bg);color:var(--white);font-family:var(--font-body);cursor:none;overflow-x:clip}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}input,textarea,button{font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:4px}.preloader{background:var(--bg);z-index:999999;color:var(--white);transition:transform 1s cubic-bezier(.86,0,.07,1),opacity 1s;display:flex;position:fixed;inset:0}.preloader.hide{opacity:0;pointer-events:none;transform:translateY(-100%)}.preloader-top-left{font-family:var(--font-body);letter-spacing:5px;text-transform:uppercase;color:#ffffff80;font-size:.85rem;font-weight:500;position:absolute;top:40px;left:50px}.preloader-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.design-text{letter-spacing:2px;color:var(--cyan);text-shadow:var(--glow-cyan);font-family:Fira Code,monospace;font-size:clamp(1.8rem,7vw,4.5rem);font-weight:400;transition:opacity .3s,transform .3s}.preloader-bottom-right{color:var(--white);font-family:Fira Code,monospace;font-size:clamp(2rem,8vw,6rem);font-weight:400;line-height:1;position:absolute;bottom:40px;right:50px}.preloader-progress-bar{background:#ffffff0d;height:3px;position:absolute;bottom:0;left:0;right:0}.preloader-progress{background:var(--cyan);width:0%;height:100%;box-shadow:0 0 10px var(--cyan);transition:width .1s linear}.cursor-glow{pointer-events:none;z-index:9999;background:radial-gradient(circle,#00f5ff40 0%,#0000 70%);border-radius:50%;width:40px;height:40px;transition:transform 80ms;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot{background:var(--cyan);pointer-events:none;z-index:9999;width:6px;height:6px;box-shadow:var(--glow-cyan);border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#particlesCanvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.blob{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;animation:14s ease-in-out infinite alternate blobDrift;position:fixed}.blob-1{background:#0066ff1f;width:500px;height:500px;animation-duration:18s;top:-150px;left:-100px}.blob-2{background:#00f5ff1a;width:400px;height:400px;animation-duration:14s;top:40%;right:-100px}.blob-3{background:#00aaff14;width:350px;height:350px;animation-duration:20s;bottom:10%;left:30%}@keyframes blobDrift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,60px)scale(1.1)}}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00f5ff08 1px,#0000 1px),linear-gradient(90deg,#00f5ff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.glow-text{background:linear-gradient(135deg,#00f5ff 0%,#b500ff 50%,#06f 100%) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 0 20px #00f5ff4d;-webkit-background-clip:text;background-clip:text;animation:4s infinite textShimmer}@keyframes textShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}section{z-index:1;position:relative}.navbar{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glow-cyan);z-index:1000;transition:var(--transition);border-radius:50px;align-items:center;gap:2rem;padding:.7rem 1.8rem;display:flex;position:fixed;top:20px;right:30px}.navbar.scrolled{background:#000000a6;box-shadow:0 0 24px #00f5ff59}.nav-brand{font-family:var(--font-main);letter-spacing:1px;color:var(--cyan);white-space:nowrap;font-size:1.1rem;font-weight:800}.brand-bracket{color:var(--blue)}.nav-links{align-items:center;gap:.4rem;display:flex}.nav-link{font-family:var(--font-main);letter-spacing:.5px;color:var(--gray);transition:var(--transition);border-radius:30px;padding:.45rem .9rem;font-size:.82rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--cyan);height:2px;transition:var(--transition);box-shadow:var(--glow-cyan);border-radius:2px;position:absolute;bottom:4px;left:50%;right:50%}.nav-link:hover,.nav-link.active{color:var(--white)}.nav-link:hover:after,.nav-link.active:after{left:12%;right:12%}.nav-link.active{color:var(--cyan);text-shadow:0 0 8px #00f5ff80}.hamburger{cursor:none;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--cyan);width:22px;height:2px;transition:var(--transition);box-shadow:0 0 6px var(--cyan);border-radius:2px;display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{justify-content:center;align-items:center;gap:4rem;min-height:100vh;padding:120px 8% 80px;display:flex}.hero-left{flex:1;max-width:600px}.hero-greeting{color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:.6rem;font-size:1rem;font-weight:600}.hero-name{font-family:var(--font-main);margin-bottom:.5rem;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:900;line-height:1.1}.hero-title-row{font-family:var(--font-main);color:var(--gray);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:1.4rem;font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:600;display:flex}.typed-text{color:var(--cyan);text-shadow:var(--glow-cyan)}.typed-cursor{color:var(--cyan);font-weight:300;animation:.9s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-intro{color:var(--gray);max-width:480px;margin-bottom:2.2rem;font-size:.97rem;line-height:1.85}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.mobile-cta{display:none}.hero-right{flex:none;justify-content:center;display:flex}.profile-img-wrap{border:2px solid var(--glass-border);transition:var(--transition);background:#00f5ff0d;border-radius:50%;position:absolute;inset:0;overflow:hidden}.profile-img-wrap:hover{transform:scale(1.06)}.profile-img{object-fit:cover;width:100%;height:100%;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.profile-img-hover{opacity:0;position:absolute;top:0;left:0}.profile-img-wrap:hover .profile-img-main{opacity:0}.profile-img-wrap:hover .profile-img-hover{opacity:1}.profile-ring{border:2px solid #0000;border-top-color:var(--cyan);border-right-color:var(--blue);box-shadow:0 0 16px var(--cyan);border-radius:50%;animation:4s linear infinite spinRing;position:absolute;inset:-12px}.ring-2{border-top-color:var(--blue);border-right-color:#0000;border-bottom-color:var(--cyan);box-shadow:0 0 10px var(--blue);animation-duration:6s;animation-direction:reverse;inset:-24px}@keyframes spinRing{to{transform:rotate(360deg)}}.profile-glow{background:radial-gradient(circle,#00f5ff26 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite alternate pulseGlow;position:absolute;inset:-40px}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.btn{font-family:var(--font-main);letter-spacing:.5px;cursor:none;transition:var(--transition);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-size:.87rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, #b500ff, var(--cyan));color:#000;box-shadow:0 0 18px #b500ff66}.btn-primary:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 0 30px #00f5ffa6}.btn-outline{color:var(--cyan);border:1.5px solid var(--cyan);background:0 0;box-shadow:0 0 10px #00f5ff33}.btn-outline:hover{background:#00f5ff14;transform:translateY(-3px)scale(1.03);box-shadow:0 0 24px #00f5ff73}.btn-sm{padding:.5rem 1.2rem;font-size:.8rem}.btn-full{justify-content:center;width:100%}.ripple:after{content:"";opacity:0;background:#ffffff2e;border-radius:50%;width:180px;height:180px;margin-top:-90px;margin-left:-90px;transition:transform .55s,opacity .55s;position:absolute;top:50%;left:50%;transform:scale(0)}.ripple:active:after{opacity:1;transition:all;transform:scale(2)}.section{z-index:1;padding:100px 8%;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-label{letter-spacing:3px;text-transform:uppercase;color:var(--cyan);margin-bottom:.5rem;font-size:.8rem;font-weight:600}.section-title{font-family:var(--font-main);margin-bottom:1.2rem;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-line{background:linear-gradient(90deg, var(--cyan), var(--blue));width:70px;height:3px;box-shadow:var(--glow-cyan);border-radius:3px;margin:0 auto}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:var(--transition);border-radius:20px;padding:2rem 1.8rem}.glass-card:hover{box-shadow:var(--glow-cyan);border-color:#00f5ff73;transform:translateY(-6px)}.about-layout{flex-direction:column;gap:6rem;display:flex}.about-top,.about-bottom{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.pill-btn{border:1px solid var(--gray);color:var(--white);text-transform:uppercase;letter-spacing:1px;border-radius:50px;margin-bottom:1.5rem;padding:.4rem 1.2rem;font-size:.75rem;font-weight:600;display:inline-block}.about-heading{font-family:var(--font-main);color:var(--white);margin-bottom:1.5rem;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;line-height:1.2}.about-desc{color:var(--gray);margin-bottom:2.5rem;font-size:1rem;line-height:1.8}.about-cta{gap:1rem;margin-bottom:3rem;display:flex}.btn-rounded{border-radius:50px!important}.about-stats{flex-wrap:wrap;gap:2.5rem;display:flex}.stat-item h3{color:var(--white);margin-bottom:.3rem;font-size:2.5rem;font-weight:800}.stat-item p{color:var(--gray);margin:0;font-size:.85rem;line-height:1.5}.about-features{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.about-features li{color:var(--cyan);align-items:center;gap:.6rem;font-size:.95rem;font-weight:500;display:flex}.about-features li i{color:var(--blue);font-size:1.1rem}.about-img-frame{aspect-ratio:1/1.25;background:var(--glass-bg);width:100%;max-width:360px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:var(--transition);border-radius:24px;justify-content:center;align-items:center;margin:0 auto;padding:8px;display:flex;position:relative;box-shadow:0 0 30px #00f5ff0d}.about-img-frame:hover{box-shadow:var(--glow-cyan);border-color:#00f5ff73;transform:translateY(-8px)}.about-img-wrap{border:1px solid #ffffff0d;border-radius:18px;width:100%;height:100%;position:relative;overflow:hidden}.about-img{object-fit:cover;width:100%;height:100%;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.about-img-hover{opacity:0;position:absolute;top:0;left:0}.about-img-frame:hover .about-img-main{opacity:0;transform:scale(1.05)}.about-img-frame:hover .about-img-hover{opacity:1;transform:scale(1.05)}.about-img-frame:after{content:"";opacity:0;pointer-events:none;z-index:2;background:linear-gradient(#0000,#00f5ff33,#0000);border-radius:18px;transition:opacity .3s;position:absolute;inset:8px}.about-img-frame:hover:after{opacity:1;animation:2.5s linear infinite scanline}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.tech-corner{border:2px solid var(--cyan);pointer-events:none;z-index:3;width:14px;height:14px;transition:var(--transition);opacity:.6;position:absolute}.tech-corner.tl{border-bottom:none;border-right:none;top:-2px;left:-2px}.tech-corner.tr{border-bottom:none;border-left:none;top:-2px;right:-2px}.tech-corner.bl{border-top:none;border-right:none;bottom:-2px;left:-2px}.tech-corner.br{border-top:none;border-left:none;bottom:-2px;right:-2px}.about-img-frame:hover .tech-corner{opacity:1;width:22px;height:22px;box-shadow:0 0 8px var(--cyan)}.card-icon{background:linear-gradient(135deg, var(--blue), var(--cyan));color:#000;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.2rem;font-size:1.4rem;display:flex;box-shadow:0 0 16px #00f5ff59}.glass-card h3{font-family:var(--font-main);color:var(--white);margin-bottom:.9rem;font-size:1.1rem;font-weight:700}.glass-card p{color:var(--gray);font-size:.88rem;line-height:1.8}.timeline-item{margin-bottom:1rem}.tl-year{color:var(--cyan);letter-spacing:1px;margin-bottom:2px;font-size:.72rem;font-weight:700;display:block}.timeline-item strong{color:var(--white);font-size:.9rem;display:block}.timeline-item p{color:var(--gray);margin-top:2px;font-size:.8rem}.skills-header{margin-bottom:4rem}.skills-sub{letter-spacing:2px;color:var(--gray);text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.skills-title{font-family:var(--font-main);color:var(--white);margin-bottom:.8rem;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800}.skills-desc{color:var(--white);font-size:1.1rem;font-weight:500}.skills-category{margin-bottom:3.5rem}.skills-category:last-child{margin-bottom:0}.skills-category-title{font-family:var(--font-main);color:var(--cyan);text-align:center;letter-spacing:1px;text-shadow:var(--glow-cyan);text-transform:uppercase;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.marquee-wrap{-webkit-user-select:none;user-select:none;gap:1.8rem;max-width:1200px;margin:0 auto;padding:1rem 0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-wrap:hover .marquee-group{animation-play-state:paused}.marquee-group{animation:scroll-x var(--duration,30s) linear infinite var(--direction,normal);flex-shrink:0;align-items:center;gap:1.8rem;display:flex}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(calc(-100% - 1.8rem))}}.skill-card{-webkit-backdrop-filter:var(--glass-blur);width:110px;transition:var(--transition);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:.8rem;padding:1.2rem 1rem;display:flex;position:relative;overflow:hidden}.skill-card p{margin:0;font-size:.85rem;font-weight:600}.skill-card:before{content:"";background:radial-gradient(circle at center, var(--brand) 0%, transparent 70%);opacity:0;z-index:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.skill-card:after{content:"";background:var(--brand);opacity:0;z-index:1;height:2px;box-shadow:0 0 10px var(--brand);transition:opacity .4s;position:absolute;top:0;left:0;right:0}.skill-card:hover:before{opacity:.15}.skill-card:hover{box-shadow:0 10px 30px -10px var(--brand);border-color:#ffffff26;transform:translateY(-8px)}.skill-icon{color:#fff9;transition:var(--transition);z-index:1;justify-content:center;align-items:center;height:45px;font-size:2.2rem;display:flex;position:relative}.skill-card:hover .skill-icon{color:var(--brand);text-shadow:0 0 20px var(--brand);transform:scale(1.15)translateY(-5px)}.skill-card p{font-family:var(--font-main);color:var(--white);text-align:center;z-index:1;transition:var(--transition);margin:0;font-size:.95rem;font-weight:600;line-height:1.3;position:relative}.skill-card:hover p{color:var(--brand);text-shadow:0 0 10px #ffffff4d}.text-center{text-align:center}.project-filters{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--gray);font-family:var(--font-main);cursor:none;transition:var(--transition);border-radius:50px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;position:relative;overflow:hidden}.filter-btn:hover,.filter-btn.active{color:var(--white);border-color:var(--cyan);box-shadow:var(--glow-cyan)}.filter-btn.active{background:#00f5ff1a}.project-card.hide{display:none!important}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:2rem;display:grid}.project-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);transition:var(--transition);will-change:transform;border-radius:20px;overflow:hidden}.project-card:hover{box-shadow:var(--glow-cyan);border-color:#00f5ff80;transform:translateY(-8px)}.project-img-wrap{background:#000;height:200px;position:relative;overflow:hidden}.project-img-wrap img,.project-img-wrap .project-video{object-fit:cover;width:100%;height:100%;transition:opacity .5s,transform .55s;position:absolute;inset:0}.project-img-wrap .project-video{opacity:0;z-index:1}.project-img-wrap img{z-index:0}.project-card:hover .project-img-wrap img{transform:scale(1.08)}.project-card:hover .project-img-wrap .project-video{opacity:1;transform:scale(1.05)}.project-overlay{pointer-events:none;z-index:2;background:linear-gradient(#0000 40%,#000000d9);position:absolute;inset:0}.project-info{padding:1.4rem 1.5rem 1.5rem}.project-info h3{font-family:var(--font-main);margin-bottom:.6rem;font-size:1.05rem;font-weight:700}.project-info p{color:var(--gray);margin-bottom:1rem;font-size:.84rem;line-height:1.7}.project-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem;display:flex}.project-tags span{color:var(--cyan);letter-spacing:.5px;border:1px solid #00f5ff4d;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:600}.project-btns{flex-wrap:wrap;gap:.7rem;display:flex}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:3rem;display:grid}.contact-form-wrap form{flex-direction:column;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{letter-spacing:.5px;color:var(--gray);text-transform:uppercase;margin-left:2px;font-size:.75rem;font-weight:600}.neon-input{color:var(--white);resize:vertical;transition:var(--transition);background:#ffffff0a;border:1px solid #00f5ff2e;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem}.neon-input::placeholder{color:#b0b0c080}.neon-input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f5ff1f, var(--glow-cyan)}.form-success{color:var(--cyan);text-align:center;gap:.4rem;font-size:.88rem;font-weight:600;display:none}.form-success.show{justify-content:center;align-items:center;display:flex}.social-wrap h3{font-family:var(--font-main);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.social-wrap>p{color:var(--gray);margin-bottom:2rem;font-size:.9rem}.social-icons{flex-direction:column;gap:1rem;display:flex}.social-icon{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--gray);transition:var(--transition);border-radius:14px;align-items:center;gap:1rem;padding:.9rem 1.2rem;font-size:.9rem;display:flex}.social-icon i{width:28px;color:var(--cyan);transition:var(--transition);font-size:1.1rem}.social-icon:hover{border-color:var(--cyan);color:var(--white);box-shadow:var(--glow-cyan);transform:translate(6px)}.social-icon:hover i{text-shadow:var(--glow-cyan)}.footer{z-index:1;border-top:1px solid #00f5ff1a;padding:3rem 8%;position:relative}.footer-inner{text-align:center;flex-flow:column wrap;justify-content:center;align-items:center;gap:1.2rem;display:flex}.footer-brand{font-family:var(--font-main);color:var(--cyan);font-size:1.1rem;font-weight:800}.footer-copy{color:var(--gray);font-size:.82rem}.footer-socials{gap:1rem;display:flex}.footer-socials a{background:var(--glass-bg);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--gray);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.footer-socials a:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-3px)}.back-top{background:linear-gradient(135deg, var(--blue), var(--cyan));color:#000;width:44px;height:44px;transition:var(--transition);opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;bottom:calc(100% + 10px);right:8%;box-shadow:0 0 18px #00f5ff80}.back-top.visible{opacity:1;pointer-events:all}.back-top:hover{transform:translateY(-4px);box-shadow:0 0 30px #00f5ffcc}.reveal{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.18s}@media (width<=900px){body{cursor:auto}.cursor-glow,.cursor-dot{display:none!important}.btn,a,.social-icon,.nav-link,button{cursor:pointer}.navbar{-webkit-backdrop-filter:blur(16px);z-index:10000;background:#000000d9;border-radius:20px;justify-content:space-between;padding:.7rem 1.2rem;position:fixed;top:14px;left:14px;right:14px}.nav-links{-webkit-backdrop-filter:blur(24px);z-index:9999;background:#040812fa;flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;width:100vw;height:100vh;padding:2rem;display:none;position:fixed;inset:0}.nav-links.open{animation:.35s forwards menuFadeIn;display:flex}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.nav-link{text-align:center;opacity:0;width:auto;padding:.4rem 1rem;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:700;transform:translateY(20px)}.nav-links.open .nav-link{animation:.4s forwards slideUpFade}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}.nav-links li:first-child .nav-link{animation-delay:80ms}.nav-links li:nth-child(2) .nav-link{animation-delay:.14s}.nav-links li:nth-child(3) .nav-link{animation-delay:.2s}.nav-links li:nth-child(4) .nav-link{animation-delay:.26s}.nav-links li:nth-child(5) .nav-link{animation-delay:.32s}.hamburger{z-index:10001;display:flex}.hero{text-align:center;flex-direction:column;gap:1.8rem;padding:110px 5% 50px}.hero-left{display:contents}.avail-badge,.hero-greeting,.hero-name,.hero-title-row,.hero-intro{order:1}.hero-socials{order:2}.hero-right{order:3;margin:.5rem 0}.hero-stats{order:4;margin-top:.5rem}.mobile-cta{order:5}.hero-title-row{justify-content:center;min-height:2.2rem}.hero-intro{margin:0 auto 1.2rem}.hero-cta{justify-content:center;width:100%}.desktop-cta{display:none}.mobile-cta{justify-content:center;gap:.8rem;margin-top:1rem;display:flex}.contact-grid{grid-template-columns:1fr;gap:2rem}.about-top,.about-bottom{text-align:center;grid-template-columns:1fr;gap:2.2rem}.about-top-right,.about-bottom-left{order:-1}.about-cta,.about-stats,.about-features{justify-content:center}}@media (width<=560px){html,body{overflow-x:hidden}.section{padding:50px 4%}.hero{gap:1.8rem;padding:95px 4% 40px}.hero-name{font-size:clamp(1.8rem,8vw,2.6rem)}.hero-greeting{font-size:.85rem}.hero-intro{font-size:.9rem;line-height:1.7}.mobile-cta{flex-direction:column;width:100%;max-width:320px;margin:1rem auto 0}.mobile-cta .btn{justify-content:center;width:100%}.profile-wrapper{width:220px;height:220px;margin:0 auto}.footer-inner{text-align:center;flex-direction:column}.back-top{bottom:calc(100% + 15px);right:50%;transform:translate(50%)}.back-top:hover{transform:translate(50%)translateY(-4px)}.marquee-wrap{gap:1rem;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.skill-card{width:95px;padding:1rem .6rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-filters{justify-content:center;gap:.5rem}.filter-btn{padding:.5rem 1rem;font-size:.78rem}.glass-card{padding:1.3rem 1rem}.about-layout{gap:2.5rem}.about-top,.about-bottom{gap:1.4rem}.about-heading{font-size:clamp(1.5rem,6vw,2.2rem)}.about-desc{font-size:.9rem;line-height:1.7}.btn{padding:.65rem 1.4rem;font-size:.82rem}.badge-top-left{left:0}.badge-bottom-right{right:0}.preloader-top-left{letter-spacing:2px;font-size:.7rem;top:20px;left:20px}.preloader-bottom-right{font-size:clamp(1.8rem,6vw,3rem);bottom:20px;right:20px}}@media (hover:none) and (pointer:coarse){body{cursor:auto}.cursor-glow,.cursor-dot{display:none!important}.btn,a,.social-icon,.nav-link,button{cursor:pointer}.tilt-card,.project-card{transform:none!important}}.prominent-cta{background:linear-gradient(45deg, #b500ff, var(--cyan));border:none;padding:14px 28px;font-size:1.1rem;animation:2s infinite ctaPulse;box-shadow:0 0 15px #b500ff99,0 0 30px #00f5ff66}.prominent-cta:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 0 25px #06fc,0 0 40px #00f5ff99}@keyframes ctaPulse{0%{box-shadow:0 0 15px #06f9}50%{box-shadow:0 0 25px #0066ffe6,0 0 40px #00f5ffb3}to{box-shadow:0 0 15px #06f9}}.hero-stats{border-top:1px solid #ffffff1a;gap:2rem;margin-top:2rem;padding-top:1.5rem;display:flex}.stat-item{flex-direction:column;align-items:flex-start;display:flex}.stat-number{color:var(--cyan);text-shadow:var(--glow-cyan);font-size:1.8rem;font-weight:700;font-family:var(--font-main)}.stat-text{color:var(--gray);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}@media (width<=768px){.hero-stats{text-align:center;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));justify-content:center;gap:.8rem;width:100%;display:grid}.hero-stat-card{text-align:center;align-items:center;padding:.8rem}.hero-socials{justify-content:center}.stat-item{align-items:center}}.reading-progress{background:linear-gradient(90deg, var(--blue), var(--cyan));z-index:99999;width:0%;height:2px;box-shadow:0 0 8px var(--cyan);transition:width .1s linear;position:fixed;top:0;left:0}.avail-badge{letter-spacing:.8px;color:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:.55rem;margin-bottom:1rem;padding:.4rem 1.1rem;font-size:.78rem;font-weight:600;display:inline-flex}.avail-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s ease-in-out infinite availPulse;box-shadow:0 0 6px #22c55e,0 0 14px #22c55e80}@keyframes availPulse{0%,to{transform:scale(1);box-shadow:0 0 6px #22c55e,0 0 14px #22c55e80}50%{transform:scale(1.15);box-shadow:0 0 10px #22c55e,0 0 24px #22c55eb3}}.orbit{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.orbit-1{animation:10s linear infinite orbitSpin}.orbit-2{animation:14s linear infinite reverse orbitSpin}.orbit-3{animation:18s linear infinite orbitSpin}.orbit-4{animation:12s linear infinite reverse orbitSpin}@keyframes orbitSpin{to{transform:rotate(360deg)}}.orbit-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--brand,#fff);animation:orbitCounterSpin var(--dur,10s) linear infinite;background:#000000b3;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #ffffff1a}.orbit-1 .orbit-icon{--dur:10s}.orbit-2 .orbit-icon{--dur:14s;animation-direction:reverse}.orbit-3 .orbit-icon{--dur:18s}.orbit-4 .orbit-icon{--dur:12s;animation-direction:reverse}@keyframes orbitCounterSpin{to{transform:translate(-50%)rotate(-360deg)}}.orbit-1{width:330px;height:330px;margin-top:-165px;margin-left:-165px;position:absolute;top:50%;left:50%}.orbit-2{width:380px;height:380px;margin-top:-190px;margin-left:-190px;position:absolute;top:50%;left:50%}.orbit-3{width:430px;height:430px;margin-top:-215px;margin-left:-215px;position:absolute;top:50%;left:50%}.orbit-4{width:480px;height:480px;margin-top:-240px;margin-left:-240px;position:absolute;top:50%;left:50%}.profile-wrapper{width:300px;height:300px;position:relative}.card-category-badge{z-index:5;letter-spacing:1px;text-transform:uppercase;color:var(--cyan);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00f5ff26;border:1px solid #00f5ff59;border-radius:20px;padding:3px 10px;font-size:.65rem;font-weight:700;position:absolute;top:12px;left:12px}.card-category-badge.badge-fullstack{color:#60a5fa;background:#0066ff26;border-color:#06f6}.card-number{z-index:0;font-family:var(--font-main);color:#ffffff0a;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-4px;font-size:5.5rem;font-weight:900;line-height:1;position:absolute;bottom:-12px;right:10px}.project-card:hover{border-color:#00f5ff80;transform:translateY(-10px);box-shadow:0 0 0 1px #00f5ff33,0 20px 60px -15px #00f5ff40}.skill-card:before{content:"";opacity:0;z-index:2;background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:60%;transition:none;position:absolute;inset:0 auto 0 -100%;transform:skew(-15deg)}.skill-card:hover:before{opacity:1;animation:.65s forwards shimmerSlide}@keyframes shimmerSlide{0%{left:-100%}to{left:150%}}.skill-card:after{content:"";background:radial-gradient(circle at center, var(--brand) 0%, transparent 70%);opacity:0;z-index:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.skill-card:hover:after{opacity:.15}.skill-card:hover{box-shadow:inset 0 2px 0 var(--brand), 0 10px 30px -10px var(--brand)}.timeline{margin-top:2rem;padding-left:2rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--cyan), var(--blue), transparent);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:6px}.tl-item{margin-bottom:1.8rem;position:relative}.tl-item:last-child{margin-bottom:0}.tl-dot{background:var(--cyan);width:12px;height:12px;box-shadow:0 0 8px var(--cyan), 0 0 20px #00f5ff66;border:2px solid #000;border-radius:50%;transition:transform .3s;position:absolute;top:4px;left:-1.75rem}.tl-item:hover .tl-dot{transform:scale(1.4)}.tl-date{letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:.3rem;font-size:.72rem;font-weight:700;display:block}.tl-content strong{font-family:var(--font-main);color:var(--white);margin-bottom:.25rem;font-size:.95rem;font-weight:700;display:block}.tl-content p{color:var(--gray);margin:0;font-size:.82rem;line-height:1.65}.nav-link.active{color:var(--cyan);text-shadow:0 0 8px #00f5ff80;background:#00f5ff14}.cursor-glow{transition:transform 80ms,width .25s,height .25s,background .25s}body.cursor-magnetic .cursor-glow{background:radial-gradient(circle,#00f5ff33 0%,#0000 70%);width:60px;height:60px}.neon-input:focus{border-color:var(--cyan);background:#00f5ff08;box-shadow:0 0 0 2px #00f5ff26,0 0 20px #00f5ff1a}#sendBtn.success{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 0 20px #22c55e80}.reveal-left{opacity:0;transition:opacity .75s,transform .75s;transform:translate(-40px)}.reveal-right{opacity:0;transition:opacity .75s,transform .75s;transform:translate(40px)}.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translate(0)}.footer-brand{letter-spacing:2px;margin-bottom:.3rem;display:block}.footer:before{content:"";background:linear-gradient(90deg,#0000,#00f5ff33,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.footer{border-top:none}@media (width<=900px){.orbit-1,.orbit-2,.orbit-3,.orbit-4{display:none}.profile-wrapper{width:280px;height:280px}}@media (width<=560px){.profile-wrapper{width:200px;height:200px}.card-number{font-size:3.5rem}}.spotlight-card{background:#ffffff08;border:1px solid #00f5ff26;border-radius:20px;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;overflow:hidden}.spotlight-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%), #00f5ff59, #b500ff26 40%, transparent 80%);-webkit-mask-composite:xor;pointer-events:none;opacity:0;border-radius:20px;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spotlight-card:hover:before{opacity:1}.spotlight-card:hover{border-color:#00f5ff66;box-shadow:0 10px 30px -10px #00f5ff40}.hero-terminal{-webkit-backdrop-filter:blur(16px);background:#0a0f1ebf;border:1px solid #00f5ff33;border-radius:14px;width:100%;max-width:440px;margin-top:1.5rem;font-family:Fira Code,monospace;overflow:hidden;box-shadow:0 15px 35px #00000080,0 0 20px #00f5ff26}.terminal-header{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.terminal-dots{gap:7px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.terminal-title{color:#ffffff80;letter-spacing:.5px;font-size:.72rem}.terminal-body{padding:16px;font-size:.8rem;line-height:1.7}.code-keyword{color:#ff007f;font-weight:600}.code-variable{color:#00f5ff}.code-string{color:#22c55e}.code-property{color:#60a5fa}.code-number{color:#ffbd2e}.code-comment{color:#fff6;font-style:italic}.modal-backdrop{z-index:100000;-webkit-backdrop-filter:blur(12px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.project-modal{background:#080c14;border:1px solid #00f5ff4d;border-radius:24px;width:100%;max-width:650px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 0 40px #00f5ff40,0 0 80px #b500ff26}.modal-close-btn{width:36px;height:36px;color:var(--white);cursor:pointer;transition:var(--transition);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:18px;right:18px}.modal-close-btn:hover{color:#f05;background:#ff00644d;border-color:#f05;transform:rotate(90deg)}.modal-img-wrap{border:1px solid #ffffff1a;border-radius:16px;width:100%;height:220px;margin-bottom:1.5rem;overflow:hidden}.modal-img-wrap img{object-fit:cover;width:100%;height:100%}.modal-tech-stack{flex-wrap:wrap;gap:8px;margin:1rem 0 1.5rem;display:flex}.tech-pill{color:var(--cyan);background:#00f5ff1a;border:1px solid #00f5ff4d;border-radius:20px;padding:4px 12px;font-family:Fira Code,monospace;font-size:.72rem}.modal-actions{gap:1rem;margin-top:1.5rem;display:flex}.hero-socials{align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.hero-social-icon{width:40px;height:40px;color:var(--cyan);transition:var(--transition);background:#ffffff0a;border:1px solid #00f5ff33;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.hero-social-icon:hover{border-color:var(--cyan);color:var(--white);background:#00f5ff26;transform:translateY(-3px);box-shadow:0 0 15px #00f5ff80}.hero-stat-card{-webkit-backdrop-filter:blur(12px);transition:var(--transition);background:#ffffff08;border:1px solid #00f5ff33;border-radius:16px;flex-direction:column;align-items:flex-start;padding:1rem 1.4rem;display:flex}.hero-stat-card:hover{border-color:#00f5ff80;transform:translateY(-4px);box-shadow:0 0 20px #00f5ff33}.floating-badge{-webkit-backdrop-filter:blur(10px);color:var(--white);white-space:nowrap;pointer-events:none;z-index:10;background:#0a0f1ed9;border:1px solid #00f5ff4d;border-radius:30px;padding:6px 14px;font-size:.75rem;font-weight:600;animation:4s ease-in-out infinite alternate badgeFloat;position:absolute;box-shadow:0 8px 20px #0006}.badge-top-left{animation-delay:0s;top:-10px;left:-20px}.badge-bottom-right{animation-delay:2s;bottom:-10px;right:-20px}@keyframes badgeFloat{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.scroll-indicator{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;transition:var(--transition);z-index:10;flex-direction:column;align-items:center;gap:6px;font-size:.75rem;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.scroll-indicator i{color:var(--cyan);font-size:1.1rem;animation:2s infinite scrollBounce}.scroll-indicator:hover{color:var(--cyan)}@keyframes scrollBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.about-highlights-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem;width:100%;display:grid}.highlight-card{-webkit-backdrop-filter:blur(12px);transition:var(--transition);background:#ffffff08;border:1px solid #00f5ff2e;border-radius:18px;flex-direction:column;gap:.6rem;padding:1.4rem;display:flex}.highlight-card:hover{border-color:var(--cyan);transform:translateY(-5px);box-shadow:0 0 24px #00f5ff40}.highlight-icon{width:44px;height:44px;color:var(--cyan);background:#00f5ff1a;border:1px solid #00f5ff4d;border-radius:12px;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.highlight-card h4{font-family:var(--font-main);color:var(--white);font-size:1rem;font-weight:700}.highlight-card p{color:var(--gray);font-size:.82rem;line-height:1.6}@media (width<=560px){.about-highlights-grid{grid-template-columns:1fr}}.project-search-container{max-width:450px;margin:0 auto 2rem;position:relative}.project-search-input{width:100%;color:var(--white);-webkit-backdrop-filter:blur(10px);transition:var(--transition);background:#ffffff0a;border:1px solid #00f5ff33;border-radius:50px;outline:none;padding:12px 18px 12px 45px;font-size:.88rem}.project-search-input:focus{border-color:var(--cyan);background:#00f5ff0a;box-shadow:0 0 20px #00f5ff40}.project-search-icon{color:var(--cyan);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.filter-count{color:var(--cyan);background:#00f5ff26;border-radius:12px;margin-left:6px;padding:2px 7px;font-family:Fira Code,monospace;font-size:.72rem}.filter-btn.active .filter-count{color:var(--cyan);background:#000}.featured-badge{z-index:5;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg, #b500ff, var(--cyan));color:#000;border-radius:20px;padding:3px 10px;font-size:.65rem;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 0 12px #b500ff80}.contact-info-cards{flex-direction:column;gap:1.2rem;margin-bottom:2rem;display:flex}.contact-info-card{-webkit-backdrop-filter:blur(12px);transition:var(--transition);background:#ffffff08;border:1px solid #00f5ff2e;border-radius:16px;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem;display:flex}.contact-info-card:hover{border-color:var(--cyan);transform:translate(5px);box-shadow:0 0 20px #00f5ff33}.contact-info-icon{width:44px;height:44px;color:var(--cyan);background:#00f5ff1a;border:1px solid #00f5ff4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.contact-info-text h4{font-family:var(--font-main);color:var(--white);margin-bottom:2px;font-size:.92rem;font-weight:700}.contact-info-text p{color:var(--gray);font-size:.85rem}.email-copy-row{word-break:break-all;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.email-text{word-break:break-all;font-size:.85rem}.copy-email-btn{color:var(--cyan);cursor:pointer;transition:var(--transition);background:#00f5ff1a;border:1px solid #00f5ff4d;border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:.75rem;font-weight:600}.copy-email-btn:hover{background:var(--cyan);color:#000;box-shadow:0 0 10px var(--cyan)}.select-neon{width:100%;color:var(--white);transition:var(--transition);background:#00000080;border:1px solid #ffffff26;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem}.select-neon option{color:var(--white);background:#080c14}.select-neon:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #00f5ff26}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=560px){.contact-form-wrap,.social-wrap{padding:1.2rem 1rem!important}.contact-info-cards{gap:.9rem}.contact-info-card{border-radius:14px;gap:.8rem;padding:.85rem .95rem}.contact-info-card:hover{transform:none}.contact-info-icon{border-radius:10px;width:38px;height:38px;font-size:1.05rem}.neon-input,.select-neon{padding:.7rem .85rem;font-size:16px}.form-submit-wrap{width:100%}.form-submit-wrap .btn{justify-content:center;width:100%}.social-icon{padding:.75rem 1rem;font-size:.85rem}.social-icon:hover{transform:none}}