@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";.about-container{display:flex;justify-content:space-between;align-items:center;gap:80px;flex-wrap:wrap;max-width:1440px;margin:0 auto}.about-left{flex:1;min-width:300px}.about-heading{font-size:42px;margin-bottom:30px}.highlight{background:linear-gradient(90deg,#fab95b,#e8e2db);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-left p{color:#8b98a5;line-height:1.7;margin-bottom:20px;font-size:16px}.about-highlights{margin:25px 0;display:grid;grid-template-columns:repeat(2,auto);gap:10px 40px;color:#fab95b;font-size:14px}.about-highlights div{display:flex;align-items:center;gap:10px;color:#e6edf3;font-size:15px}.highlight-icon{color:#fab95b;font-size:16px}.about-buttons{margin-top:25px;display:flex;gap:20px;flex-wrap:wrap}.about-right{flex:1;min-width:280px;display:flex;justify-content:center}.image-wrapper{position:relative;padding:8px;border-radius:12px;background:linear-gradient(135deg,#fab95b,#e8e2db)}.profile-image{width:320px;height:auto;border-radius:10px;display:block;background:#0f172a}.image-wrapper:after{content:"";position:absolute;inset:-10px;background:radial-gradient(circle,rgba(250,185,91,.2),transparent 70%);z-index:-1;filter:blur(40px)}@media(max-width:900px){.about-container{flex-direction:column;text-align:center}.about-highlights,.about-buttons{justify-content:center}}@media(max-width:600px){.about-container{gap:40px}.about-heading{font-size:32px}.about-highlights{grid-template-columns:1fr;text-align:left;margin:20px auto;width:-moz-fit-content;width:fit-content}.profile-image{width:250px}}.contact{padding:80px 8%}.contact-container{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;max-width:1440px;margin:0 auto}.contact-left{max-width:580px}.contact-title{font-size:36px;font-weight:700;margin-bottom:12px;color:#e6edf3}.contact-title span{background:linear-gradient(90deg,#fab95b,#e8e2db);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-description{color:#94a3b8;margin-bottom:24px;line-height:1.5;font-size:15px}.contact-form{display:flex;flex-direction:column;gap:16px;margin-top:10px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-field{position:relative;width:100%}.input-field input,.input-field textarea{width:100%;background:#0f172a99;border:1px solid rgba(250,185,91,.1);padding:14px;border-radius:10px;color:#e6edf3;font-size:14px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);resize:none}.input-field textarea{min-height:48px}.input-field label{position:absolute;left:14px;top:14px;color:#94a3b8;font-size:14px;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field input:focus,.input-field textarea:focus{border-color:#fab95b;background:#0f172ae6}.input-field input:not(:-moz-placeholder)+label,.input-field textarea:not(:-moz-placeholder)+label{top:-10px;left:10px;font-size:11px;color:#fab95b;background:#030712;padding:0 6px;border-radius:4px}.input-field input:focus+label,.input-field textarea:focus+label,.input-field input:not(:placeholder-shown)+label,.input-field textarea:not(:placeholder-shown)+label{top:-10px;left:10px;font-size:11px;color:#fab95b;background:#030712;padding:0 6px;border-radius:4px}.input-glow{position:absolute;inset:-1px;border-radius:10px;background:linear-gradient(45deg,#fab95b,transparent,#e8e2db);opacity:0;z-index:-1;transition:opacity .3s ease;filter:blur(8px)}.input-field input:focus~.input-glow,.input-field textarea:focus~.input-glow{opacity:.3}.status-message{margin-top:15px;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-message.success{color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.2)}.status-message.error{color:#f87171;background:#f871711a;border:1px solid rgba(248,113,113,.2)}.contact-submit-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:15px;background:linear-gradient(90deg,#fab95b,#e8e2db);color:#030712;box-shadow:0 10px 20px #fab95b26;overflow:hidden;position:relative}.contact-submit-btn span{position:relative;z-index:1}.contact-submit-btn:hover{box-shadow:0 12px 25px #fab95b4d}.contact-right{display:flex;justify-content:center}.contact-card{background:#0f172ae6;border:1px solid rgba(250,185,91,.15);border-radius:16px;padding:30px;width:100%;max-width:380px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;top:0;left:-120%;width:20%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.12),transparent);transform:skew(-25deg)}.contact-card:hover:before{animation:shineSweep .9s ease forwards}.contact-card:hover{border-color:#fab95b;box-shadow:0 0 30px #fab95b33}.contact-item{display:flex;align-items:center;gap:15px;padding:18px 0;text-decoration:none;color:#e6edf3;font-size:16px;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.05);word-break:break-all}.contact-item:last-child{border-bottom:none}.contact-item svg{font-size:20px;color:#fab95b}.contact-item:hover{color:#fab95b;transform:translate(6px)}@media(max-width:900px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-form-row{grid-template-columns:1fr;gap:16px}.contact-right{justify-content:flex-start}}@media(max-width:600px){.contact{padding:60px 5%}.contact-title{font-size:28px}}@media(max-width:600px){.experience-card{margin-left:40px;padding:20px}.timeline-line{left:10px}.timeline-dot{left:2px}}.experience-container{max-width:1440px;margin:40px auto 0}.timeline-wrapper{position:relative;margin-top:60px}.timeline-line{position:absolute;left:20px;top:0;bottom:0;width:2px;background:#fab95b}.timeline-item{position:relative;display:flex;align-items:center;gap:40px;margin-bottom:40px}.timeline-item:last-child{margin-bottom:0}.timeline-dot{position:absolute;left:12px;width:16px;height:16px;border:4px solid #fab95b;border-radius:50%;background:#030712;transition:all .3s ease}.timeline-item:hover .timeline-dot{background:#fab95b;transform:scale(1.2);box-shadow:0 0 12px #fab95be6}.experience-card{margin-left:60px;flex:1;background:#0f172a;padding:25px 30px;border-radius:12px;border:1px solid rgba(250,185,91,.1);transition:all .3s ease}.experience-card:hover{transform:translateY(-5px);border-color:#fab95b4d;box-shadow:0 10px 20px #0006,0 15px 35px #fab95b26}.experience-card h3{font-size:18px;margin-bottom:5px}.experience-card h4{font-size:15px;color:#fab95b;margin-bottom:8px;font-weight:500}.duration{font-size:13px;color:#8b98a5;display:block;margin-bottom:12px}.experience-card p{font-size:14px;color:#8b98a5;line-height:1.6}@media(max-width:900px){.experience-container{margin-top:20px}}@media(max-width:600px){.experience-container{margin-top:10px}.experience-card{margin-left:40px;padding:20px}.timeline-line{left:10px}.timeline-dot{left:2px}}.hero{min-height:100vh;display:flex;align-items:center;padding:60px 8% 0}.hero-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:60px;max-width:1440px;margin:0 auto}.hero-left{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;padding:20px;border-radius:16px;z-index:2}.hero-left h1{font-size:48px;margin-bottom:10px}.hero-left h2{font-size:24px;color:#fab95b;margin-bottom:20px;font-weight:500}.hero-left p{color:#8b98a5;line-height:1.7;margin-bottom:30px;max-width:450px}.gradient-text{background:linear-gradient(90deg,#fab95b,#e8e2db);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shimmer 4s linear infinite}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-block;padding:12px 28px;border-radius:8px;text-decoration:none;font-weight:500;font-size:14px;transition:all .3s ease}.btn-primary{background:linear-gradient(90deg,#fab95b,#e8e2db);color:#030712}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #fab95b66}.btn-secondary{border:1px solid #fab95b;color:#fab95b}.btn-secondary:hover{background:#fab95b1a;transform:translateY(-3px)}.hero-right{flex:1;display:flex;justify-content:center;align-items:center}.orbit-wrapper{position:relative;width:350px;height:350px;transition:transform .4s ease}.core-glow{position:absolute;width:150px;height:150px;background:radial-gradient(circle,#fab95b,#e8e2db);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(50px);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}to{transform:translate(-50%,-50%) scale(1)}}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(250,185,91,.1);animation-name:rotate;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--speed);top:50%;left:50%;transform:translate(-50%,-50%);transition:--speed .4s ease}.orbit img{position:absolute;width:34px;height:34px;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-1{width:140px;height:140px;--speed: 6s}.orbit-2{width:180px;height:180px;--speed: 10s;animation-direction:reverse}.orbit-3{width:220px;height:220px;--speed: 14s}.orbit-4{width:260px;height:260px;--speed: 18s;animation-direction:reverse}.orbit-5{width:300px;height:300px;--speed: 22s;opacity:.8}.orbit-6{width:260px;height:260px;--speed: 28s;animation-direction:reverse;opacity:.6}.orbit-wrapper:hover .orbit-1{--speed: 2s}.orbit-wrapper:hover .orbit-2{--speed: 3s}.orbit-wrapper:hover .orbit-3{--speed: 4s}.orbit-wrapper:hover .orbit-4{--speed: 5s}.orbit-wrapper:hover .orbit-5{--speed: 6s}.orbit-wrapper:hover .orbit-6{--speed: 7s}.orbit-wrapper:hover{transform:scale(1.05)}.orbit-wrapper:hover .core-glow{filter:blur(70px)}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:900px){.hero{min-height:100vh}.hero-container{flex-direction:column;text-align:center;position:relative;justify-content:center}.hero-left p{margin:0 auto 30px}.hero-right{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);margin-top:0;z-index:0;opacity:.3;pointer-events:none}.hero-buttons{justify-content:center}}@media(max-width:600px){.hero{padding-top:100px}.hero-left h1{font-size:36px}.hero-left h2{font-size:20px}.hero-left p{font-size:14px;margin-bottom:20px}.orbit-wrapper{transform:scale(.7);margin-top:-40px}.orbit-wrapper:hover{transform:scale(.75)}}.navbar{position:fixed;width:100%;top:0;z-index:1000;padding:20px 8%;transition:background .4s ease,backdrop-filter .4s ease,box-shadow .4s ease;will-change:backdrop-filter}.navbar-scrolled{background:#030712d9;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 20px 50px #00000080}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto}.logo{font-size:28px;font-weight:700;background:linear-gradient(90deg,#fab95b,#e8e2db);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;cursor:pointer;text-decoration:none}.nav-links{display:flex;list-style:none;gap:40px;position:relative}.nav-underline{position:absolute;bottom:-6px;height:2px;background:linear-gradient(90deg,#fab95b,#e8e2db);transition:all .3s ease;opacity:0}.nav-links a{text-decoration:none;color:#fff;font-weight:500;position:relative;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0%;height:2px;background:linear-gradient(90deg,#fab95b,#e8e2db);transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:#fab95b}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:6px}.hamburger span{width:25px;height:3px;background:#fff;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.mobile-menu{display:none}@media(max-width:900px){.nav-links{display:none}.hamburger{display:flex}.mobile-menu{display:flex;flex-direction:column;background:#030712f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:30px;gap:20px}.mobile-menu a{color:#fff;text-decoration:none;font-size:20px}}@media(max-width:600px){.navbar{padding:15px 5%}.logo{font-size:24px}}.projects-container{text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1440px;margin:0 auto}.project-card{background:#0f172a;padding:30px;border-radius:12px;text-align:left;border:1px solid rgba(250,185,91,.1);transition:all .3s ease;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;justify-content:space-between}.project-card:before{content:"";position:absolute;top:0;left:-120%;width:20%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-25deg)}.project-card:hover:before{animation:shineSweep .9s ease forwards}@keyframes shineSweep{0%{left:-120%}to{left:130%}}.project-card:hover{transform:translateY(-5px);border-color:#fab95b4d;box-shadow:0 10px 20px #0006,0 15px 35px #fab95b26}.project-card h3{margin-bottom:15px;font-size:20px}.project-card p{color:#8b98a5;font-size:15px;line-height:1.6;margin-bottom:20px}.tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.tech-stack span{font-size:12px;padding:6px 12px;background:#fab95b1a;border-radius:20px;color:#fab95b}.project-links{display:flex;justify-content:center}.project-links a{display:flex;align-items:center;gap:6px;font-size:14px;color:#fab95b;text-decoration:none;transition:.3s ease}.github-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;border:1px solid #fab95b;color:#fab95b;text-decoration:none;font-size:14px;position:relative;overflow:hidden;transition:all .3s ease}.github-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fab95b,#e8e2db);opacity:0;transition:opacity .3s ease;z-index:-1}.github-btn:hover:before{opacity:.15}.github-btn:hover{background:#fab95b1a;transform:translateY(-3px)}.project-links a:hover{opacity:.7}.project-content{flex-grow:1}@media(max-width:600px){.projects-grid{gap:20px}.project-card{padding:20px}}.progress-container{position:fixed;top:0;left:0;width:100%;height:3px;z-index:3000;pointer-events:none;opacity:0;transition:height .3s ease,opacity .3s ease}.progress-container.active{opacity:1;height:5px}.progress-fill{height:100%;background:linear-gradient(90deg,#fab95b,#e8e2db,#fab95b);background-size:200% auto;animation:shimmer 3s linear infinite;box-shadow:0 0 8px #fab95b99,0 0 20px #fab95b66;transition:width .15s ease-out}@keyframes shimmer{to{background-position:200% center}}.scroll-top{position:fixed;bottom:40px;right:40px;background:linear-gradient(90deg,#fab95b,#e8e2db);color:#030712;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 25px #fab95b99;transition:.3s ease;z-index:1000}.scroll-top:hover{transform:translateY(-5px)}@media(max-width:600px){.scroll-top{bottom:20px;right:20px;width:40px;height:40px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Josefin Sans,sans-serif}html,body{overflow:hidden;width:100%;height:100%}html{scroll-behavior:smooth}body{background-color:#030712;color:#e6edf3}.snap-wrapper{height:100vh;width:100%;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.snap-wrapper::-webkit-scrollbar{display:none}.section{padding:100px 8% 50px;position:relative;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center}.section-title{font-size:42px;font-weight:600;text-align:center;margin-bottom:60px;letter-spacing:1px}@media(max-width:900px){.section{min-height:auto;padding:40px 5%}}@media(max-width:600px){.section{padding:20px 5%}.section-title{font-size:32px;margin-bottom:30px}}.gradient-text{background:linear-gradient(90deg,#fab95b,#e8e2db);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.background-particles{position:fixed;width:100%;height:100%;z-index:-2;overflow:hidden}.particle{position:absolute;background:#fab95b99;border-radius:50%;animation:floatParticle 12s infinite linear}@keyframes floatParticle{0%{transform:translateY(100vh);opacity:0}30%{opacity:.6}to{transform:translateY(-10vh);opacity:0}}body{background:linear-gradient(-45deg,#030712,#0f172a,#030712,#1e293b);background-size:400% 400%;animation:gradientShift 20s ease infinite;color:#e6edf3;overflow-x:clip}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}