@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#6366f1;--secondary:#a5b4fc;--dark:#0f172a;--light:#f8fafc}body{color:#f8fafc;scroll-behavior:smooth;background-color:#0f172a;font-family:Poppins,sans-serif;overflow-x:hidden}.gradient-text{background:linear-gradient(90deg,#6366f1,#a5b4fc,#818cf8,#6366f1) 0 0/300% 300%;color:transparent;background-clip:text;animation:8s infinite text-gradient}.nav-link:after{content:"";background:#818cf8;width:0;height:2px;transition:all .3s;position:absolute;bottom:-5px;left:0}.nav-link:hover:after{width:100%}.glow-hover{transition:all .3s}.glow-hover:hover{transform:translateY(-5px);box-shadow:0 0 25px rgba(129,140,248,.5)}.project-card{perspective:1000px;transform-style:preserve-3d}.project-inner{transition:transform .6s;transform:rotateY(0)}.project-card:hover .project-inner{transform:rotateY(15deg)}.skill-bar{background:#1e293b;-webkit-border-radius:100px;border-radius:100px;overflow:hidden}.skill-progress{transform-origin:0;background:linear-gradient(90deg,#6366f1,#818cf8);-webkit-border-radius:100px;border-radius:100px;height:10px;transition:transform 1.5s cubic-bezier(.22,.61,.36,1);transform:scaleX(0)}.skill-name.active~.skill-bar .skill-progress{transform:scaleX(1)}.mobile-menu-button{color:#f8fafc;cursor:pointer;z-index:100;background:0 0;border:none;font-size:1.5rem;display:none}.mobile-nav{backdrop-filter:blur(10px);z-index:90;background:rgba(15,23,42,.95);width:70%;height:100%;padding-top:80px;transition:all .4s;position:fixed;top:0;left:-100%;box-shadow:0 0 20px rgba(0,0,0,.3)}.mobile-nav.open{left:0}.mobile-nav .nav-link{border-bottom:1px solid rgba(129,140,248,.1);padding:16px 24px;font-size:1.1rem;transition:all .3s;display:block}.mobile-nav .nav-link:hover{background:rgba(129,140,248,.1)}.mobile-nav .nav-link.active{color:#a5b4fc;border-left:4px solid #a5b4fc}.nav-link.active{color:#a5b4fc}.nav-link.active:after{width:100%}.skills-section.in-view .skill-progress{transform:scaleX(1)!important}#preloader{z-index:9999;background:#0f172a;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s,visibility .5s;display:flex;position:fixed;top:0;left:0}#preloader.hidden{opacity:0;visibility:hidden}.preloader-content{text-align:center}.preloader-logo{background:linear-gradient(135deg,#6366f1,#a5b4fc);-webkit-border-radius:50%;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;animation:2s infinite logo-pulse;display:flex;position:relative}.preloader-logo i{color:#fff;font-size:40px}.loading-text{color:#a5b4fc;margin-top:20px;font-size:1.2rem}.loading-dots{justify-content:center;margin-top:15px;display:flex}.dot{background-color:#a5b4fc;-webkit-border-radius:50%;border-radius:50%;width:10px;height:10px;margin:0 5px;animation:1s ease-in-out infinite bounce}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes logo-pulse{0%,to{transform:scale(1);box-shadow:0 0 rgba(99,102,241,.7)}50%{transform:scale(1.05);box-shadow:0 0 0 20px rgba(99,102,241,0)}}.about-image-container{aspect-ratio:1;width:100%;max-width:380px;margin:0 auto;position:relative}.about-image-placeholder{background:linear-gradient(145deg,#1e293b,#0f172a);border:5px solid #334155;-webkit-border-radius:1rem;border-radius:1rem;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.about-image-placeholder:before{content:"";background:conic-gradient(transparent,rgba(129,140,248,.6),transparent);width:200%;height:200%;animation:8s linear infinite rotate;position:absolute;top:-50%;left:-50%}.about-image-placeholder i{color:#818cf8;z-index:1;font-size:5rem;position:relative}.resume-link{display:inline-block;position:relative}.resume-link:hover{text-decoration-color:#a5b4fc}@keyframes rotate{to{transform:rotate(360deg)}}section{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}section.active{opacity:1;transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.hero-content{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;top:-80px}.open-for-work{text-align:center;width:70%;transform:translate(-50%)}@media (max-width:768px){.mobile-menu-button{display:block}.desktop-nav{display:none!important}#hero .container{padding-top:60px}#hero .text-center{text-align:center}#hero h1{font-size:2.5rem}.project-card{margin-bottom:30px}.tech-stack .tech-icon{width:50px;height:50px;font-size:1.5rem}.open-for-work{width:100%;margin-left:-125px}.hero-content{top:20px}}