@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";body{margin:0}*,:before,:after{box-sizing:border-box}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0b1120;font-family:Outfit,sans-serif;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:90%;max-width:1200px;margin:auto}.section{padding:100px 0}:root{--primary:#3b82f6;--secondary:#8b5cf6;--accent:#06b6d4;--background:#0b1120;--card-bg:#ffffff14;--border:#ffffff1f;--text:#fff;--text-light:#cbd5e1;--radius:18px;--shadow:0 10px 35px #00000040}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--primary), var(--secondary));border-radius:20px}::-webkit-scrollbar-track{background:#111827}.scroll-progress{background:linear-gradient(90deg, var(--primary), var(--secondary));z-index:9999;width:0%;height:4px;position:fixed;top:0;left:0}.navbar{z-index:999;-webkit-backdrop-filter:blur(14px);background:#0a0f1e40;width:100%;transition:all .4s;position:fixed;top:0;left:0}.navbar.sticky{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0f1ee0;border-bottom:1px solid #3b82f62e;box-shadow:0 10px 35px #00000047}.nav-container{justify-content:space-between;align-items:center;max-width:1300px;height:80px;margin:auto;padding:0 20px;display:flex}.logo{color:#fff;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700;text-decoration:none}.logo span{color:#3b82f6}.nav-links{align-items:center;gap:42px;display:flex}.nav-links a{color:#cbd5e1;font-size:15px;font-weight:600;text-decoration:none;transition:all .35s;position:relative}.nav-links a:hover{color:#3b82f6}.nav-links a:after{content:"";background:#3b82f6;border-radius:20px;width:0;height:2px;transition:all .35s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:#3b82f6}.nav-controls{align-items:center;margin-left:40px;display:flex}#theme-toggle{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:50%;width:45px;height:45px;transition:all .35s}#theme-toggle:hover{background:#3b82f6;transform:rotate(180deg)}.mobile-menu-btn{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:12px;width:45px;height:45px;display:none}@media (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.nav-controls{display:none}.nav-links{opacity:0;visibility:hidden;background:#0f172a;flex-direction:column;gap:25px;width:100%;padding:30px;transition:all .35s;display:flex;position:absolute;top:80px;left:0;transform:translateY(-20px)}.nav-links.show{opacity:1;visibility:visible;transform:translateY(0)}}.hero{background-color:#000;background-image:linear-gradient(90deg,#000000f5 1%,#000000e0 5%,#080f1e8c 45%,#080f1e33 100%),url(/images/hero%20image.png);background-position:right 41%;background-repeat:no-repeat;background-size:65%;align-items:center;min-height:100vh;padding:120px 0;display:flex;position:relative;overflow:hidden}.hero-buttons .btn{transition:all .35s}.hero-buttons .btn:hover{transform:translateY(-6px);box-shadow:0 18px 35px #3b82f659,0 0 25px #3b82f633}.hero-wrapper{z-index:5;align-items:center;min-height:80vh;display:flex;position:relative}.hero-content{animation:1.2s heroFade}@keyframes heroFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-background{z-index:2;position:absolute;inset:0;overflow:hidden}.gradient{filter:blur(120px);opacity:.22;border-radius:50%;position:absolute}.gradient-1{background:#3b82f6;width:450px;height:450px;animation:12s ease-in-out infinite moveOne;top:-120px;left:-120px}.gradient-2{background:#8b5cf6;width:350px;height:350px;animation:14s ease-in-out infinite moveTwo;bottom:-120px;right:-100px}.gradient-3{background:#06b6d4;width:260px;height:260px;animation:10s ease-in-out infinite moveThree;top:50%;left:72%}@keyframes moveOne{50%{transform:translate(70px,-40px)}}@keyframes moveTwo{50%{transform:translate(-60px,60px)}}@keyframes moveThree{50%{transform:translate(-40px,-30px)}}.hero:after{content:"";filter:blur(70px);z-index:1;background:radial-gradient(circle,#3b82f62e,#3b82f614,#0000 70%);width:650px;height:650px;position:absolute;top:50%;right:-180px;transform:translateY(-50%)}.hero-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:12px;margin-bottom:28px;padding:12px 24px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:0 8px 25px #00000026}.badge-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;box-shadow:0 0 15px #22c55e}@keyframes pulse{0%{box-shadow:0 0 #06b6d4b3}70%{box-shadow:0 0 0 16px #0000}to{box-shadow:0 0 #0000}}.hero-name{color:#fff;letter-spacing:-2px;text-shadow:0 5px 30px #00000073,0 0 30px #3b82f62e;margin-bottom:18px;font-size:74px;font-weight:800;line-height:1.05}.hero-name span{background:linear-gradient(90deg,#60a5fa,#fff,#8b5cf6,#06b6d4,#60a5fa) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite nameGradient}@keyframes nameGradient{to{background-position:300%}}.hero-title{color:#e2e8f0;margin-bottom:24px;font-size:34px;font-weight:600}.cursor{color:#3b82f6;animation:.8s infinite blink}@keyframes blink{50%{opacity:0}}.hero-description{color:#cbd5e1;max-width:620px;margin-bottom:42px;font-size:18px;line-height:1.9}.hero-buttons{flex-wrap:wrap;gap:18px;margin-bottom:40px;display:flex}.hero-buttons .btn{border-radius:50px;padding:15px 34px;font-size:15px;font-weight:600;transition:all .35s}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#8b5cf6);box-shadow:0 15px 35px #3b82f640}.btn-primary:hover{transform:translateY(-6px);box-shadow:0 20px 40px #3b82f666}.btn-outline{color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff2e}.btn-outline:hover{background:#3b82f6;border-color:#3b82f6;transform:translateY(-6px)}.hero-social{gap:18px;display:flex}.hero-social a{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;transition:all .35s;display:flex}.hero-social a:hover{background:#3b82f6;transform:translateY(-8px)scale(1.08);box-shadow:0 15px 35px #3b82f659}.scroll-indicator{transition:all .35s}.scroll-indicator{z-index:10;border:2px solid #60a5fabf;border-radius:30px;justify-content:center;align-items:flex-start;width:25px;height:38px;transition:all .35s;animation:2s ease-in-out infinite floatScroll;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.scroll-indicator span{background:#60a5fa;border-radius:20px;width:6px;height:10px;margin-top:2px;animation:1.8s infinite scrollDot;box-shadow:0 0 15px #60a5facc}@keyframes scrollDot{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}@keyframes floatScroll{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-8px)}}.scroll-indicator:hover{border-color:#3b82f6;box-shadow:0 0 18px #3b82f673,0 0 35px #3b82f640}.hero{transition:background-position .4s}@media (width<=992px){.hero{background-size:60%}.hero-wrapper{justify-content:center}.hero-content{text-align:center;margin:auto}.hero-description{margin-left:auto;margin-right:auto}.hero-buttons,.hero-social{justify-content:center}.hero-name{font-size:58px}.hero-title{font-size:28px}}@media (width<=768px){.hero{background-position:top;background-size:95%;padding:120px 20px 80px}.hero-overlay{background:linear-gradient(#060a14e0,#060a14e6)}.hero-name{font-size:44px}.hero-title{font-size:22px}.hero-description{font-size:16px}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{justify-content:center;width:240px}.hero-social{justify-content:center}.hero-social a{width:50px;height:50px}}.hero-buttons .btn:hover{letter-spacing:.5px}.hero-name{animation:1s fadeHero}.hero-description{animation:1.2s fadeHero}.hero-buttons{animation:1.4s fadeHero}.hero-social{animation:1.6s fadeHero}@keyframes fadeHero{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-container{grid-template-columns:380px 1fr;align-items:center;gap:70px;margin-top:60px;display:grid}.about-image-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0a;border:1px solid #3b82f640;border-radius:20px;padding:15px;transition:all .4s;position:relative;overflow:hidden}.about-image-card:hover{border-color:#3b82f6;transform:translateY(-10px);box-shadow:0 20px 40px #3b82f633}.about-image-card img{border-radius:18px;width:100%;transition:all .5s;display:block}.about-image-card:hover img{transform:scale(1.03)}.developer-badge{color:#fff;background:linear-gradient(135deg,#7c9adb,#3b82f6);border-radius:15px;align-items:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:600;animation:3s ease-in-out infinite floatBadge;display:flex;position:absolute;bottom:20px;left:20px;box-shadow:0 10px 25px #3b82f64d}.developer-badge i{font-size:14px}.about-role{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f640;border-radius:30px;align-items:center;gap:10px;margin-bottom:20px;padding:9px 18px;font-size:14px;font-weight:600;display:inline-flex}.about-role i{color:#22c55e;font-size:10px}.about-right h3{color:#fff;margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.about-right h3 span{color:#3b82f6}.title-line{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:20px;width:70px;height:4px;margin-bottom:30px}.about-right p{color:#b8c4d9;text-align:justify;margin-bottom:22px;font-size:17px;line-height:1.9}.about-cards{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:60px;display:grid}.about-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:14px 10px;transition:all .4s;position:relative;overflow:hidden}.about-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);width:30%;height:2px;transition:all .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.about-card:hover:before{transform:scaleX(1)}.about-card:hover{border-color:#3b82f6;transform:translateY(-10px);box-shadow:0 18px 35px #3b82f62e}.about-card i{color:#3b82f6;background:#3b82f61f;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 18px;font-size:24px;transition:all .35s;display:flex}.about-card:hover i{color:#fff;background:#3b82f6;transform:rotate(10deg)scale(1.08)}.about-card h4{color:#fff;margin-bottom:8px;font-size:14px}.about-card p{color:#cbd5e1;margin:0;font-size:12px}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=992px){.about-container{text-align:center;grid-template-columns:1fr;gap:40px}.title-line{margin:0 auto 25px}.about-right p{text-align:center}.about-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.about-right h3{font-size:34px}.about-cards{grid-template-columns:1fr}.developer-badge{padding:10px 16px;font-size:13px}}.education-icon{text-align:center;margin:15px 0}.education-icon i{color:#3b82f6;font-size:52px;animation:3s ease-in-out infinite floatCap}@keyframes floatCap{50%{transform:translateY(-8px)}}.education-timeline{max-width:950px;margin:60px auto;padding-left:45px;position:relative}.education-timeline:before{content:"";background:linear-gradient(#3b82f6,#06b6d4,#8b5cf6);border-radius:10px;width:3px;height:100%;position:absolute;top:0;left:14px}.education-item{margin-bottom:45px;position:relative}.timeline-dot{z-index:10;background:#06b6d4;border:4px solid #0b1120;border-radius:50%;width:18px;height:18px;animation:2s infinite pulse;position:absolute;top:35px;left:-38px}.education-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:28px;transition:all .4s}.education-card:hover{border-color:#3b82f6;transform:translateY(-8px);box-shadow:0 20px 45px #3b82f633}.education-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.education-header h3{color:#fff;margin-bottom:8px;font-size:24px;font-weight:700}.education-header h3 i{color:#3b82f6;margin-right:10px}.education-header h4{color:#60a5fa;font-size:15px;font-weight:500}.edu-year{color:#60a5fa;white-space:nowrap;background:#3b82f61f;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.edu-year i{font-size:13px}.college-name{color:#60a5fa;background:#3b82f614;border-radius:30px;align-items:center;gap:8px;margin-bottom:18px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.college-name i{color:#3b82f6}.education-card p{color:#cbd5e1;margin-bottom:20px;font-size:15px;line-height:1.8}.edu-highlights{flex-wrap:wrap;gap:10px;margin-bottom:25px;padding:0;list-style:none;display:flex}.edu-highlights li{color:#60a5fa;background:#3b82f61a;border-radius:25px;padding:7px 14px;font-size:13px;transition:all .3s}.edu-highlights li:hover{color:#fff;background:#3b82f6}.education-footer{justify-content:flex-start;display:flex}.cgpa{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:30px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.cgpa i{color:#ffd54f}.education-card:hover .cgpa{transform:scale(1.05)}@media (width<=768px){.education-timeline{padding-left:22px}.timeline-dot{left:-18px}.education-header{flex-direction:column;align-items:flex-start}.education-header h3{font-size:20px}.education-card{padding:22px}.edu-year{margin-top:10px}.college-name{font-size:13px}.edu-highlights{gap:8px}.edu-highlights li{padding:6px 12px;font-size:12px}}.section-subtitle{text-align:center;color:#94a3b8;max-width:650px;margin:15px auto 40px;font-size:16px;line-height:1.7}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.cert-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:20px 16px;transition:all .35s;position:relative;overflow:hidden}.cert-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);width:100%;height:3px;transition:all .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.cert-card:hover:before{transform:scaleX(1)}.cert-card:hover{border-color:#3b82f6;transform:translateY(-8px);box-shadow:0 15px 30px #3b82f62e}.cert-card i{color:#fbbf24;background:#fbbf241f;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;margin:auto auto 14px;font-size:22px;transition:all .35s;display:flex}.cert-card:hover i{transform:rotate(12deg)scale(1.08)}.cert-card h3{color:#fff;margin-bottom:6px;font-size:17px;font-weight:600;transition:all .3s}.cert-card:hover h3{color:#60a5fa}.cert-card p{color:#cbd5e1;font-size:13px;line-height:1.5}@media (width<=768px){.cert-grid{grid-template-columns:1fr}.cert-card{padding:18px 15px}.cert-card i{width:50px;height:50px;font-size:20px}.cert-card h3{font-size:16px}.cert-card p{font-size:12px}}.section-title{text-align:center;margin-bottom:10px;font-size:42px}.section-title span{color:var(--primary)}.section-subtitle{text-align:center;color:#94a3b8;max-width:720px;margin:15px auto 50px;font-size:17px;font-weight:400;line-height:1.8}.skill-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-bottom:40px;display:flex}.tab-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50px;outline:none;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:600;transition:all .35s;display:inline-flex}.tab-btn i{margin-right:8px}.tab-btn:hover{color:#3b82f6;background:#3b82f626;border-color:#3b82f64d;transform:translateY(-2px)}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000;box-shadow:0 10px 25px #3b82f640}.tab-btn.active:hover{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px)}.skills-box{border-radius:20px;min-height:300px;padding:45px}.tab-content{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;animation:.4s fade;display:none}.tab-content.active{display:grid}.skill-card{text-align:center;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:25px;transition:all .35s}.skill-card:hover{border-color:#3b82f6;transform:translateY(-8px);box-shadow:0 18px 35px #3b82f62e}.skill-card i{color:#3b82f6;margin-bottom:20px;font-size:28px;transition:all .35s;display:block}.skill-card:hover i{color:#60a5fa;transform:scale(1.1)rotate(-8deg)}.skill-card h4{color:#fff;margin-bottom:10px;font-size:22px;font-weight:600}.skill-card span{color:#60a5fa;background:#3b82f61f;border-radius:30px;padding:7px 16px;font-size:14px;font-weight:500;display:inline-block}@keyframes fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tab-btn:active{transform:scale(.97)}@media (width<=992px){.skills-box{padding:30px}.tab-content{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.skill-tabs{gap:10px;margin-bottom:30px}.tab-btn{padding:12px 18px;font-size:14px}.skills-box{padding:25px}.tab-content{grid-template-columns:1fr;gap:20px}.skill-card{padding:30px 20px}.skill-card h4{font-size:20px}.skill-card i{font-size:40px}}@media (width<=480px){.skill-tabs{flex-direction:column;width:100%}.tab-btn{width:100%;max-width:300px}.skills-box{padding:20px}.skill-card{padding:25px 15px}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:35px;margin-top:50px;display:grid}.project-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;transition:all .45s;position:relative;overflow:hidden}.project-card:hover{border-color:#3b82f6;transform:translateY(-12px);box-shadow:0 20px 40px #3b82f62e}.project-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);width:100%;height:4px;transition:all .5s;position:absolute;top:0;left:0;transform:scaleX(0)}.project-card:hover:before{transform:scaleX(1)}.project-img{width:100%;height:220px;position:relative;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%;transition:all .7s}.project-card:hover img{transform:scale(1.12)}.project-img:after{content:"";background:linear-gradient(#0000,#0b1120a6);position:absolute;inset:0}.project-content{padding:25px}.project-content h3{color:#fff;margin-bottom:15px;font-size:23px;font-weight:700;transition:all .35s}.project-card:hover h3{color:#60a5fa}.project-content p{color:#b8c4d9;margin-bottom:22px;line-height:1.8;transition:all .35s}.project-card:hover p{color:#e2e8f0}.tech-badges{flex-wrap:wrap;gap:10px;display:flex}.tech-badges span{color:#60a5fa;background:#3b82f61f;border:1px solid #60a5fa33;border-radius:30px;padding:8px 15px;font-size:13px;font-weight:600;transition:all .35s}.tech-badges span:hover{color:#fff;background:#2563eb;transform:translateY(-5px);box-shadow:0 8px 18px #2563eb4d}.project-card{animation:6s ease-in-out infinite floatProject}.project-card:nth-child(2){animation-delay:1.5s}.project-card:nth-child(3){animation-delay:3s}@keyframes floatProject{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.project-img{height:200px}.project-content{padding:20px}.project-content h3{font-size:21px}}.project-buttons{gap:12px;margin-top:20px;display:flex}.project-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:all .35s;display:inline-flex}.github-btn{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f}.github-btn i{font-size:17px;transition:all .35s}.github-btn:hover{color:#111827;background:#2563eb;border-color:#fff;transform:translateY(-3px);box-shadow:0 10px 25px #ffffff26}.github-btn:hover i{transform:scale(1.1)}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:28px;margin-top:45px;display:grid}.experience-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:28px;transition:all .4s;position:relative;overflow:hidden}.experience-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#3b82f6,#8b5cf6);width:100%;height:4px;transition:all .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.experience-card:hover:before{transform:scaleX(1)}.experience-card:hover{border-color:#3b82f6;transform:translateY(-10px);box-shadow:0 18px 35px #3b82f62e}.experience-icon{background:#3b82f61f;border-radius:15px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:18px;transition:all .35s;display:flex}.experience-icon i{color:#3b82f6;font-size:24px;transition:all .35s}.experience-card:hover .experience-icon{background:#3b82f6;transform:rotate(8deg)}.experience-card:hover .experience-icon i{color:#fff}.experience-year{color:#60a5fa;background:#3b82f61f;border-radius:20px;margin-bottom:15px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.experience-card h3{color:#fff;margin-bottom:6px;font-size:21px}.experience-card h4{color:#8b5cf6;margin-bottom:18px;font-size:16px}.experience-card ul{padding-left:18px}.experience-card li{color:#cbd5e1;margin-bottom:10px;font-size:15px;line-height:1.7}@media (width<=768px){.experience-grid{grid-template-columns:1fr}.experience-card{padding:24px}}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:10px;margin-top:10px;display:grid}.contact-left{flex-direction:column;display:flex}.contact-heading{margin-bottom:25px}.contact-badge{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f640;border-radius:30px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.contact-badge i{color:#22c55e;font-size:10px}.contact-heading h3{color:#fff;margin-bottom:18px;font-size:38px;line-height:1.3}.contact-heading p{color:#94a3b8;font-size:16px;line-height:1.8}.info-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:20px;margin-bottom:18px;padding:12px;transition:all .4s;display:flex}.info-item:hover{border-color:#3b82f6;transform:translateY(-8px);box-shadow:0 15px 35px #3b82f633}.info-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.info-icon i{color:#fff;font-size:24px}.info-item h4{color:#fff;margin-bottom:6px;font-size:18px}.info-item p,.info-item a{color:#cbd5e1;font-size:15px;text-decoration:none;transition:all .3s}.info-item a:hover{color:#60a5fa}.contact-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:10px;position:relative;overflow:hidden}.contact-form:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);width:100%;height:4px;position:absolute;top:0;left:0}.contact-form h3{color:#fff;margin-bottom:30px;font-size:28px}.form-group{margin-bottom:20px}.contact-form input,.contact-form textarea{color:#fff;background:#162033;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:16px 18px;font-size:15px;transition:all .3s}.contact-form textarea{resize:none;min-height:150px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#94a3b8}.contact-form input:focus,.contact-form textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.contact-form .btn{border:none;border-radius:14px;width:100%;margin-top:10px;padding:16px;font-size:16px}.contact-heading,.contact-form,.info-item,.contact-social a{animation:.8s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.contact-form .btn{color:#fff;background:linear-gradient(135deg,#2563eb,#8b5cf6);transition:all .35s}.contact-form .btn:hover{transform:translateY(-5px);box-shadow:0 18px 35px #3b82f659}.contact-form:after{content:"";filter:blur(80px);z-index:-1;background:#3b82f626;border-radius:50%;width:220px;height:220px;position:absolute;top:-100px;right:-100px}.contact-left{position:relative}.contact-left:before{content:"";filter:blur(90px);z-index:-1;background:#8b5cf61f;border-radius:50%;width:180px;height:180px;position:absolute;top:40px;left:-80px}.contact-form input:hover,.contact-form textarea:hover{border-color:#60a5fa}.contact-social a i{transition:all .35s}.contact-social a:hover i{transform:scale(1.2)}@media (width<=992px){.contact-grid{grid-template-columns:1fr;gap:45px}.contact-heading{text-align:center}.contact-social{justify-content:center}.contact-form{padding:30px}}@media (width<=768px){.contact-heading h3{font-size:30px}.contact-form{padding:25px}.info-item{padding:18px}.info-icon{width:52px;height:52px}.info-icon i{font-size:20px}.contact-form input,.contact-form textarea{padding:14px}.contact-form .btn{padding:15px}}.footer{text-align:center;background:#ffffff05;border-top:1px solid #ffffff14;padding:50px 20px 30px}.footer-logo{color:#fff;margin-bottom:15px;font-size:30px;font-weight:700}.footer-logo span{color:#3b82f6}.footer-text{color:#94a3b8;max-width:650px;margin:0 auto 25px;font-size:15px;line-height:1.8}.footer-socials{justify-content:center;gap:18px;margin-bottom:25px;display:flex}.footer-socials a{color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;transition:all .35s;display:flex}.footer-socials a:hover{background:#3b82f6;transform:translateY(-5px)}.footer-built{color:#cbd5e1;margin-bottom:15px;font-size:15px}.footer-built span{color:#ef4444;font-size:18px}.footer-built strong{color:#60a5fa}.footer-copy{color:#94a3b8;border-top:1px solid #ffffff14;padding-top:20px;font-size:14px}@media (width<=768px){.footer{padding:40px 15px 25px}.footer-logo{font-size:26px}.footer-text{font-size:14px}.footer-socials a{width:42px;height:42px;font-size:16px}.footer-built{font-size:14px}.footer-copy{font-size:13px}}.back-to-top{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:fixed;bottom:25px;right:25px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.email-success-toast{z-index:2147483647!important;color:#fff!important;box-sizing:border-box!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#22c55e!important;border:none!important;border-radius:12px!important;flex-direction:row!important;align-items:center!important;gap:14px!important;width:400px!important;max-width:calc(100vw - 40px)!important;min-height:70px!important;margin:0!important;padding:16px 22px!important;display:flex!important;position:fixed!important;inset:30px auto auto 50%!important;overflow:visible!important;transform:translate(-50%)!important;box-shadow:0 15px 40px #0000004d!important}.email-success-toast .email-success-icon{background:0 0!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;min-width:32px!important;height:32px!important;margin:0!important;padding:0!important;display:flex!important;position:static!important}.email-success-toast .email-success-icon i{color:#fff!important;opacity:1!important;font-size:25px!important;display:block!important;position:static!important}.email-success-toast .email-success-content{background:0 0!important;flex:1!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.email-success-toast .email-success-content strong{color:#fff!important;margin:0 0 4px!important;padding:0!important;font-size:16px!important;font-weight:700!important;line-height:1.3!important;display:block!important;position:static!important}.email-success-toast .email-success-content p{color:#fff!important;opacity:.95!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:1.4!important;display:block!important;position:static!important}@media (width<=600px){.email-success-toast{width:calc(100vw - 30px)!important;max-width:calc(100vw - 30px)!important;min-height:64px!important;padding:14px 16px!important;top:20px!important;left:50%!important}.email-success-toast .email-success-icon{width:28px!important;min-width:28px!important;height:28px!important}.email-success-toast .email-success-icon i{font-size:21px!important}.email-success-toast .email-success-content strong{font-size:15px!important}.email-success-toast .email-success-content p{font-size:12px!important}}@media (width<=992px){.hero-container,.about-grid,.contact-grid,.edu-cert-grid{text-align:center;grid-template-columns:1fr}.hero-image{order:-1;margin-bottom:40px}.hero-image img{width:300px;height:300px}.nav-links{display:none}}@media (width<=768px){.name{font-size:48px}.title{font-size:24px}.section-title{font-size:34px}.projects-grid{grid-template-columns:1fr}.hero-buttons,.social-icons{justify-content:center}.email-success-toast{z-index:2147483647!important;color:#fff!important;box-sizing:border-box!important;background:#22c55e!important;border-radius:12px!important;align-items:center!important;gap:14px!important;width:400px!important;max-width:calc(100vw - 40px)!important;margin:0!important;padding:16px 22px!important;display:flex!important;position:fixed!important;inset:30px auto auto 50%!important;transform:translate(-50%)!important;box-shadow:0 15px 40px #0000004d!important}.email-success-icon{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;display:flex!important}.email-success-icon i{color:#fff!important;font-size:25px!important}.email-success-content{margin:0!important;padding:0!important;display:block!important}.email-success-content strong{color:#fff!important;margin:0 0 4px!important;padding:0!important;font-size:16px!important;font-weight:700!important;display:block!important}.email-success-content p{color:#fff!important;opacity:.95!important;margin:0!important;padding:0!important;font-size:13px!important;line-height:1.4!important}@media (width<=600px){.email-success-toast{width:calc(100vw - 30px)!important;max-width:calc(100vw - 30px)!important;padding:14px 16px!important;top:20px!important;left:50%!important}.email-success-icon{width:28px!important;height:28px!important}.email-success-icon i{font-size:21px!important}.email-success-content strong{font-size:15px!important}.email-success-content p{font-size:12px!important}}}
