html{scroll-behavior:smooth}.main-layout{font-family:monospace;color:#fff;font-size:20px}.contact-info{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:150px 0 50px}.contact-info ul{list-style-type:none}.contact-info .profile-img{justify-content:space-between}.contact-info .profile-img,.intro-section .intro-tag{display:flex;flex-direction:column}.intro-section .intro-name{font-size:clamp(40px,8vw,80px);color:#e4c49a;transition:color .3s ease}.intro-section .intro-name:hover{color:#90c8e9}.intro-section .designation{font-size:45px;font-size:clamp(32px,6vw,60px);width:22ch;white-space:nowrap;overflow:hidden;border-right:2px solid #fff;animation:designation 3s steps(22) forwards,blink .5s step-end 6,remove-cursor 0s 3s forwards}@keyframes designation{0%{width:0}to{width:22ch}}@keyframes blink{50%{border-color:rgba(0,0,0,0)}}@keyframes remove-cursor{to{border-right:none}}.intro-section .tagline{max-width:800px;margin-top:25px;font-size:clamp(16px,3vw,20px)}.about-section,.experience-section,.projects-section{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1500px;padding:5rem 150px}.section-header{font-size:clamp(1.5rem,1.8vw,2rem);font-weight:700;margin-bottom:10px}.about-desc{display:flex;flex-direction:row;align-items:center}.about-desc-content{width:70%;margin-right:100px;margin-top:20px;display:flex;flex-direction:column;gap:20px}.profile-pic-wrapper{position:relative;width:300px;height:300px;overflow:visible;display:flex;justify-content:center;align-items:center}.circle-border{position:absolute;width:300px;height:300px;background-image:linear-gradient(90deg,#2695a4,#000000);border-radius:50%;z-index:2;pointer-events:none}.profile-pic{height:100%;object-fit:contain;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);transition:transform .4s ease;position:relative;filter:grayscale(100%)}.profile-pic-wrapper:hover .profile-pic{transform:scale(1.25) translateY(-30px);-webkit-clip-path:inset(-30% 0 0 0 round 50% 50% 60% 60%);clip-path:inset(-30% 0 0 0 round 50% 50% 60% 60%);filter:grayscale(30%)}.circle-border{z-index:0}.profile-pic{z-index:1}.diamond-list{list-style:none;padding-left:1.5em}.diamond-list li{position:relative;padding-bottom:8px}.diamond-list li:before{content:"◆";position:absolute;left:-1.5em;color:#feb47b;font-size:1em}.transparent-button{border:none;color:#fff;font-size:20px;padding:.5em 1.2em;border-radius:6px;background:rgba(0,0,0,0);cursor:pointer}.transparent-button-active{color:#ff990a;background-color:rgba(32,208,232,.31)}.experience-tabs{display:flex;flex-direction:row;justify-content:space-between;gap:30px}.company-names{display:flex;gap:15px;margin-top:1em;flex-direction:column}.experience-desc{width:80%}.experience-desc ul{opacity:0;transform:translateX(-20px);animation:slideFadeIn .6s forwards;list-style-type:none;margin:0;padding:0}.experience-desc ul li{margin-bottom:12px}@keyframes slideFadeIn{to{opacity:1;transform:translateX(0)}}.company-desc p:first-child{color:#ff990a;font-size:25px;font-family:__nextjs-Geist}.company-desc p:nth-child(2){margin:0}.company-desc p:nth-child(3){margin:0 0 20px;color:#f6e9e9;font-size:15px}.project-tile{background:hsla(0,0%,100%,.05);box-shadow:0 4px 16px rgba(0,0,0,.2);padding:40px;margin:20px 0;color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .3s ease,box-shadow .3s ease;width:80%;align-self:center;border-radius:15px}.project-tile:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.project-tile>div:first-child{font-size:1.5rem;font-weight:600;margin-bottom:12px;color:#faebd7}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft 1s ease forwards;justify-content:flex-start}.slide-in-right{animation:slideInRight 1s ease forwards;justify-content:flex-end}.scroll-header{position:fixed;top:0;left:0;right:0;color:#fff;padding:0 2rem;z-index:1000;transition:transform .3s ease-in-out}.scroll-header.hidden{transform:translateY(-100%)}.scroll-header.visible{transform:translateY(0)}.scroll-header.shadow{box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-content{display:flex;justify-content:space-between;align-items:center}nav a{margin-left:2rem;text-decoration:none;color:#fff;font-size:17px!important}nav a:hover{color:#90c8e9}.ep-logo{display:inline-flex;position:relative;align-items:center;justify-content:center;width:auto;height:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 30px;cursor:pointer}.ep-logo .ep-e{font-size:60px;font-weight:700;color:#90c8e9;text-shadow:0 2px 6px rgba(0,0,0,.15);transform:translateX(-8%);margin-right:15px;animation:floatE 4s ease-in-out infinite}.ep-logo .ep-p{position:absolute;top:20%;right:0;font-size:50px;font-weight:500;color:#e4c49a;text-shadow:0 2px 6px rgba(0,0,0,.12);animation:rotateP 4s ease-in-out infinite}@keyframes floatE{0%{transform:translateY(0) translateX(-8%)}50%{transform:translateY(-6%) translateX(-8%)}to{transform:translateY(0) translateX(-8%)}}@keyframes rotateP{0%{transform:rotate(0deg)}50%{transform:rotate(-8deg)}to{transform:rotate(0deg)}}body{margin:0;background:#0a0f1a;color:#e2e8f0;font-family:Segoe UI,Tahoma,sans-serif;position:relative;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:repeating-linear-gradient(45deg,rgba(0,255,170,.08),rgba(0,255,170,.08) 2px,transparent 0,transparent 60px),radial-gradient(circle at 30% 30%,rgba(0,255,255,.2),transparent 40%),radial-gradient(circle at 70% 70%,rgba(0,255,255,.2),transparent 40%),linear-gradient(135deg,#0a0f1a,#111827);background-size:100% 100%,60px 60px,100% 100%,100% 100%;animation:techMove 30s linear infinite;pointer-events:none}@keyframes techMove{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:0 0,120px 120px,0 0,0 0}}.project-content{display:flex;align-items:center;gap:3%}.project-image-content{height:200px;width:250px}.footer{background:#0a0f1a;color:#e2e8f0;padding:4rem 1rem;text-align:center;font-family:Segoe UI,Tahoma,sans-serif}.footer-icons{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.footer-icons a{color:#feb47b;font-size:1.8rem;transition:color .3s ease;text-decoration:none}.footer-icons a:hover{color:#ff7e5f}.footer-credit{font-size:.9rem;color:#cbd5e1}@media(max-width:768px){.main-layout{font-size:16px;padding-left:30px;padding-right:30px}.header-mob{display:none}.ep-logo{margin:0}.intro-section{width:100%;transform:translateX(-20px);animation:slideFadeIn .6s forwards}.intro-section .designation{font-size:clamp(25px,6vw,60px)}.intro-section .intro-name{font-size:clamp(35px,8vw,80px)}.about-section,.experience-section,.projects-section{padding:0;margin-top:60px;transform:translateX(-20px);animation:slideFadeIn .6s forwards}.about-desc{flex-direction:column-reverse}.circle-border,.profile-pic-wrapper{height:200px;width:200px}.profile-pic-wrapper{margin:50px 0 40px}.about-desc-content{width:100%;margin:0}.experience-tabs{flex-direction:column;gap:10px}.company-names{flex-direction:row}.company-names .transparent-button{padding:8px 6px;font-size:18px}.experience-desc{width:100%}.project-content{flex-direction:column-reverse;gap:25px;margin:30px 0}.project-tile{padding:15px;width:100%}.ep-logo .ep-e{font-size:40px;margin-right:8px}.ep-logo .ep-p{font-size:30px}.nav-item{display:flex;flex-direction:column;align-items:center;color:#fff;text-decoration:none;font-size:15px!important;margin:0}.nav-item i{font-size:15px;margin-bottom:4px;transition:color .2s}.nav-item:hover{color:#feb47b}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:50px;display:flex;justify-content:space-around;align-items:center;z-index:1000;padding:40px 0;width:95%;margin:0 auto 10px;border-radius:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .5s ease}.bottom-nav.hidden{transform:translateY(100%)}.bottom-nav.visible{transform:translateY(0)}.profile-pic-wrapper:hover .profile-pic{transform:none}}@media(min-width:768px){.bottom-nav{display:none}}.carousel-container{position:relative;width:250px;height:200px;overflow:hidden;display:flex;align-items:center;flex-shrink:0}.carousel-wrapper{width:100%;overflow:hidden}.carousel-track{display:flex;transition:transform .5s ease-in-out}.carousel-slide{min-width:100%;height:100%}.carousel-arrow{background:rgba(0,0,0,0);border:none;color:#f6af4b;font-size:1.5rem;cursor:pointer;padding:0 8px;z-index:10;height:100%}.carousel-arrow:disabled{opacity:.3;cursor:default}.carousel-arrow.left{position:absolute;left:0;top:0}.carousel-arrow.right{position:absolute;right:0;top:0}