html,body{height:100%;margin:0;font-family:"Roboto Slab",serif;background:radial-gradient(circle at top right,#2a2a2a,#0b0b0b);color:#eaeaea;overflow:hidden}#loader{position:fixed;inset:0;background:radial-gradient(circle at center,#1a1a1a,#050505);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity 0.6s ease,visibility 0.6s ease}.loader-inner{display:flex;gap:18px}.loader-dot{width:14px;height:14px;background:#f5b942;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.loader-dot:nth-child(2){animation-delay:0.15s}.loader-dot:nth-child(3){animation-delay:0.3s}@keyframes bounce{0%,80%,100%{transform:scale(.3);opacity:.3}40%{transform:scale(1);opacity:1}}#loader.hidden{opacity:0;visibility:hidden}.wrapper{display:flex;height:100vh;overflow:hidden}.sidebar{width:72px;background:rgb(0 0 0 / .75);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;padding-top:24px;gap:20px;border-right:1px solid rgb(255 255 255 / .06)}.nav-item{position:relative;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.25s ease}.nav-item i{font-size:18px;color:#a0a0a0;transition:all 0.25s ease}.nav-item:hover{background:rgb(245 185 66 / .15)}.nav-item:hover i{color:#f5b942}.nav-item.active{background:rgb(245 185 66 / .25);box-shadow:0 0 15px rgb(245 185 66 / .45)}.nav-item.active i{color:#f5b942}.nav-item.active::before{content:"";position:absolute;left:-12px;width:4px;height:70%;background:#f5b942;border-radius:10px}.main{flex:1;padding:40px;overflow-y:auto}.profile-card{background:rgb(255 255 255 / .05);padding:18px;border-radius:20px;box-shadow:0 20px 50px rgb(0 0 0 / .7)}.profile-card img{width:100%;border-radius:16px}ul.exp{margin-top:15px}.name{font-size:2.8rem;font-weight:700}.name span{color:#f5b942}.role{font-size:1.3rem;color:#cfcfcf;margin-top:5px}.desc{margin-top:15px;color:#bdbdbd;line-height:1.7;text-align:justify}.btn-gold{background:#f5b942;color:#000;border-radius:30px;padding:10px 26px;font-weight:600;border:none}.btn-gold:hover{background:#ffd36a;color:#000}.info{margin-top:25px}.info div{margin-bottom:8px}.skill-card{background:rgb(255 255 255 / .05);padding:18px;border-radius:14px}.skill-card h6{color:#f5b942}.skill span{display:inline-block;background:rgb(255 255 255 / .08);padding:6px 10px;border-radius:10px;font-size:.85rem;margin:4px}.exp-card{background:rgb(255 255 255 / .05);padding:20px;border-radius:14px}.exp-card h6{color:#f5b942}.exp-card ul{padding-left:18px}.exp-card li{font-size:.9rem;color:#cfcfcf}.skill-line{font-size:14px;color:#9ca3af;letter-spacing:.3px}.skill-line .active{color:#facc15;opacity:0;animation:fadeIn 0.4s ease forwards}@keyframes fadeIn{to{opacity:1}}.git_linkedin{text-decoration:none;margin-right:10px;font-size:1.3em;color:#eaeaea}.project-tabs .nav-link{color:#9ca3af;background:#fff0;border-radius:30px;padding:8px 20px}.project-tabs .nav-link.active{background:#facc15;color:#000}.project-card{background:rgb(255 255 255 / .03);border-radius:14px;padding:20px;height:100%;transition:transform 0.3s ease}.project-card:hover{transform:translateY(-6px)}.project-card h5{color:#facc15}.project-card .tech-stack{font-size:.85rem;color:#9ca3af;margin-top:10px}p>strong{color:#f5b942}.tagline{background:#E8C587;color:#4A4137;padding:25px;border-radius:25px;text-align:center;font-weight:500}.naukri{font-size:16px;text-decoration:none;background:linear-gradient(135deg,#265DF5 0%,#1E4ACF 100%);color:#fff;padding:5px 10px;border-radius:5px}