*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#0a0a0a;background:#b8b8b8;padding-top:80px}.container{max-width:1200px;margin:auto;padding:20px}.nav{z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:15px 40px;transition:all .4s;display:flex;position:fixed;top:0;left:0}.nav.transparent{background:0 0}.nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#b8b8b8f2}.logo-wrapper{align-items:center;gap:12px;display:flex}.logo-initials{color:#fff;background:linear-gradient(135deg,#0a0a0a,#333);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.logo{letter-spacing:.5px;color:#0a0a0a;font-size:22px;font-weight:700}.nav ul{align-items:center;list-style:none;display:flex}.nav ul li{margin:0 10px}.nav ul li a{color:#0a0a0a;z-index:0;border-radius:25px;padding:6px 16px;font-size:18px;text-decoration:none;transition:color .3s;position:relative;overflow:hidden}.nav ul li a:after{content:"";transform-origin:0;z-index:-1;background:#0a0a0a;border-radius:25px;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.nav ul li a:hover:after,.nav ul li a.active:after{transform:scaleX(1)}.nav ul li a:hover,.nav ul li a.active{color:#fff}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background:#0a0a0a;width:25px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}#header{isolation:isolate;background:#0a0a0a;height:100vh;position:relative;overflow:hidden}.parallax-bg{z-index:0;will-change:transform;background-image:url(/images/navneet1.jpg);background-position:100%;background-repeat:no-repeat;background-size:cover;width:100%;height:120%;position:absolute;top:0;left:0}.parallax-overlay{z-index:1;background:linear-gradient(90deg,#000000d9 25%,#00000080 60%,#0003 100%);width:100%;height:100%;position:absolute}.header-text{z-index:2;max-width:600px;margin-top:20%;position:relative}.intro-text{color:#ccc;margin-bottom:10px;font-size:18px}.main-name{color:#fff;font-size:64px;font-weight:700}.main-name span{background:linear-gradient(45deg,#fff,#aaa);color:#0000;-webkit-background-clip:text}.typing-text{background:linear-gradient(45deg,#fff,#ccc,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:15px;font-size:22px}.cv-btn{color:#fff;z-index:0;border:2px solid #fff;border-radius:25px;margin-top:24px;padding:12px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:color .3s;display:inline-block;position:relative;overflow:hidden}.cv-btn:after{content:"";transform-origin:0;z-index:-1;background:#0a0a0a;border-radius:25px;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.cv-btn:hover:after{transform:scaleX(1)}.cv-btn:hover{border-color:#0a0a0a}.row{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.work-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.project-card{text-align:center;background:#c8c8c8;border:1px solid #0000001a;border-radius:16px;flex-direction:column;align-items:center;transition:border-color .3s,transform .3s;display:flex;overflow:hidden}.project-card:hover{border-color:#0a0a0a;transform:translateY(-4px)}.card-circle-row{background:linear-gradient(135deg,#0a0a0a,#333);justify-content:center;align-items:center;width:100%;padding:32px 0 50px;display:flex}.card-circle-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.circle-label{color:#ffffffd9;letter-spacing:.5px;font-size:12px;font-weight:600}.card-circle{background:#ffffff26;border:3px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s;display:flex}.card-circle:hover{background:#ffffff40;border-color:#fff;transform:scale(1.08)}.card-body-row{background:#c8c8c8;border-radius:16px 16px 0 0;flex-direction:column;flex:1;gap:12px;width:100%;margin-top:-24px;padding:24px 24px 16px;display:flex}.card-body-row h3{color:#0a0a0a;font-size:17px;font-weight:600}.card-body-row p{color:#444;font-size:13px;line-height:1.75}.tech-stack{color:#0a0a0a;letter-spacing:.4px;font-size:11px;font-weight:600;line-height:1.6}.card-footer-row{justify-content:center;width:100%;padding:16px 24px 24px;display:flex}.gh-link{color:#0a0a0a;border:1.5px solid #0a0a0a;border-radius:25px;padding:10px 28px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.gh-link:hover{color:#fff;background:#0a0a0a}.about-col-1{flex-basis:35%;justify-content:center;display:flex}.about-emoji{background:linear-gradient(135deg,#0a0a0a,#333);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;font-size:90px;display:flex}.about-col-2{flex-basis:60%}.about-card{background:#c8c8c8;border:1px solid #0000001a;border-radius:16px;padding:32px}.about-card p{color:#444;font-size:14px;line-height:1.75}.contact-left p{color:#0a0a0a;margin:8px 0;font-size:14px}.contact-right input,.contact-right textarea{color:#0a0a0a;background:#ababab;border:none;border-radius:6px;width:100%;margin:10px 0;padding:15px}.contact-right input::placeholder,.contact-right textarea::placeholder{color:#555}.btn{color:#fff;cursor:pointer;z-index:0;background:linear-gradient(135deg,#0a0a0a,#333);border:none;border-radius:25px;margin-top:6px;padding:12px 36px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-block;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#333,#0a0a0a);transition:opacity .3s;position:absolute;inset:0}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.btn:hover:after{opacity:1}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fade-in{opacity:0;transition:all .8s;transform:translateY(50px)}.fade-in.show{opacity:1;transform:translateY(0)}.social-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#ffffff26;border-radius:20px;flex-direction:column;gap:20px;padding:10px;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.social-bar a{color:#fff;opacity:.9;font-size:22px;transition:all .3s}.social-bar a:hover{color:#fff;opacity:1;transform:translate(5px)scale(1.2)}.mobile-social{display:none}@media (width<=768px){.hamburger{display:flex}.nav{padding:15px 20px}.nav ul{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#b8b8b8f7;flex-direction:column;align-items:center;width:220px;padding:20px;transition:all .3s;position:absolute;top:70px;right:0;transform:translate(100%)}.nav ul.open{transform:translate(0)}.nav ul li{margin:15px 0}.logo{font-size:18px}.logo-initials{width:36px;height:36px;font-size:13px}.logo-block{flex-direction:column;gap:4px;display:flex}.logo-wrapper{align-items:center;gap:10px;display:flex}.mobile-social{align-items:center;gap:14px;padding-left:46px;display:flex}.mobile-social a{color:#0a0a0a;opacity:.8;font-size:16px;transition:all .3s}.mobile-social a:hover{color:#000;opacity:1}.header-text{margin-top:75%;padding:0 15px}.main-name{font-size:36px}.typing-text{font-size:16px}.parallax-bg{background-image:url(/images/IMG_0914.PNG);background-position:top;background-repeat:no-repeat;background-size:cover}.social-bar{display:none}.row{flex-direction:column}section{padding:60px 15px}.project-card{transform:none}.about-col-1,.about-col-2{text-align:center;flex-basis:100%}.about-col-1{margin-bottom:20px}.social-bar:before{display:none}}section{scroll-margin-top:80px}html{scroll-behavior:smooth}.sub-title{color:#0a0a0a;-webkit-backdrop-filter:blur(10px);background:#0000001f;border-radius:25px;margin-bottom:20px;padding:6px 24px;font-size:40px;display:inline-block}.tab-titles{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.tab-links{cursor:pointer;color:#0a0a0a;z-index:0;background:#fff;border-radius:25px;margin-right:0;padding:6px 16px;font-size:16px;transition:color .3s,background .3s;position:relative;overflow:hidden}.tab-links:after{content:"";transform-origin:0;z-index:-1;background:#0a0a0a;border-radius:25px;transition:transform .3s;position:absolute;inset:0;transform:scaleX(0)}.tab-links:hover:after,.tab-links.active-link:after{transform:scaleX(1)}.tab-links:hover,.tab-links.active-link{color:#fff}.tab-contents{margin-top:10px}.tab-contents ul{list-style:none}.tab-contents ul li{color:#0a0a0a;margin:10px 0}.tab-contents ul li span{color:#0a0a0a;letter-spacing:.3px;font-size:14px;font-weight:700}.cursor-glow{pointer-events:none}.form-status{margin-top:10px;font-size:14px}.form-status.success{color:#2e7d32}.form-status.error{color:#c62828}