html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}#root{width:100%;min-height:100vh}button,input,textarea{font-family:inherit}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{color:#fff;background:#0f172a;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.portfolio{background:#0f172a;width:100%;min-height:100vh}.navbar{z-index:1000;background:#111a2e;border-bottom:1px solid #273452;justify-content:space-between;align-items:center;width:100%;height:78px;padding:0 8%;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #141e3c1f}.logo{letter-spacing:-1px;background:linear-gradient(90deg,#4f8cff,#9b6cff,#ec6fc1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800;text-decoration:none;position:relative}.logo:after{content:"";background:linear-gradient(90deg,#4f8cff,#9b6cff,#ec6fc1);border-radius:10px;width:100%;height:3px;position:absolute;bottom:-6px;left:0}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:#dbe3f0;padding:8px 0;font-size:16px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";background:linear-gradient(90deg,#4f8cff,#9b6cff,#ec6fc1);border-radius:10px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-links a:hover:after{width:100%}.nav-links a.active{color:#fff}.nav-links a.active:after{width:100%}@media (width<=768px){.navbar{padding:0 5%}.nav-links{gap:16px}.nav-links a{font-size:14px}}@media (width<=600px){.nav-links{display:none}}.hero{background:radial-gradient(circle at 15% 40%,#6482ff4d,#0000 38%),radial-gradient(circle at 85% 35%,#aa6eff40,#0000 38%),linear-gradient(120deg,#304878,#5261a5,#725db0);justify-content:space-between;align-items:center;gap:70px;min-height:calc(100vh - 78px);padding:80px 8%;display:flex;position:relative;overflow:hidden}.hero-background{pointer-events:none;position:absolute;inset:0}.hero-glow{filter:blur(80px);opacity:.35;border-radius:50%;position:absolute}.glow-one{background:#4f7cff;width:300px;height:300px;top:-100px;left:-80px}.glow-two{background:#9b5cff;width:350px;height:350px;bottom:-150px;right:-100px}.hero-content{z-index:2;max-width:680px;position:relative}.intro{color:#8fb4ff;margin-bottom:12px;font-size:20px}.hero h1{color:#fff;letter-spacing:-1.5px;margin:0 0 15px;font-size:62px;line-height:1.1}.hero h2{background:linear-gradient(90deg,#5af,#9b6cff,#ed72c4);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:22px;font-size:30px}.description{color:#d5def1;max-width:650px;font-size:18px;line-height:1.75}.hero-buttons{flex-wrap:wrap;gap:15px;margin-top:32px;display:flex}.hero-btn{color:#10182d;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:145px;padding:13px 22px;font-size:15px;font-weight:700;transition:all .3s;display:inline-flex;position:relative}.primary-hero-btn{color:#fff;background:linear-gradient(90deg,#58b5ff,#8b6cff,#e66fca);border:none}.gradient-border-btn{color:#fff;background-color:#141f468c;background-image:linear-gradient(#141f468c,#141f468c),linear-gradient(90deg,#55b5ff,#9466ff,#ed72c4);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000}.hero-btn:hover{transform:translateY(-4px);box-shadow:0 10px 25px #4664dc40}.social-links{gap:14px;margin-top:28px;display:flex}.social-links a{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.social-links svg{fill:currentColor;width:22px;height:22px}.social-links a:hover{background:linear-gradient(135deg,#4db5ff,#9566ff,#ed70c7);border-color:#0000;transform:translateY(-5px);box-shadow:0 8px 25px #7864ff59}.hero-image{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.profile-wrapper{justify-content:center;align-items:center;width:330px;height:330px;display:flex;position:relative}.profile-glow{filter:blur(25px);opacity:.5;background:linear-gradient(135deg,#4da6ff,#8c5cff,#ee70c7);border-radius:50%;width:300px;height:300px;position:absolute}.profile-circle{background:linear-gradient(135deg,#55b5ff,#9466ff,#ed72c4);border-radius:50%;width:300px;height:300px;padding:5px;position:relative;overflow:hidden;box-shadow:0 0 35px #646eff4d}.profile-circle img{object-fit:cover;object-position:center top;border-radius:50%;width:100%;height:100%;display:block}@media (width<=950px){.hero{text-align:center;flex-direction:column;padding:80px 5%}.hero-content{max-width:800px}.description{margin:auto}.hero-buttons,.social-links{justify-content:center}}@media (width<=600px){.hero{padding:60px 5%}.hero h1{font-size:42px}.hero h2{font-size:24px}.description{font-size:16px}.profile-wrapper{width:400px;height:400px}.profile-circle{width:370px;height:370px;padding:5px}}.btn:hover{transform:translateY(-3px)}.section{border-top:1px solid #1e293b;width:100%;padding:100px 8%}.section-subtitle{color:#94a3b8;letter-spacing:3px;margin-bottom:10px;font-size:14px}.section-title{color:#fff;margin-bottom:30px;font-size:40px}.about-section{color:#172033;background:radial-gradient(circle at 85% 20%,#9682ff29,#0000 35%),linear-gradient(135deg,#eef5ff,#f4f1ff);padding:110px 8%;position:relative}.about-container{max-width:1200px;margin:0 auto}.about-heading{margin-bottom:55px}.about-section .section-subtitle{color:#5b68d8;letter-spacing:3px;margin-bottom:12px;font-size:14px;font-weight:700}.about-section .section-title{color:#172033;margin:0;font-size:44px}.about-content{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;display:grid}.about-main strong{color:#273d72}.about-highlight{background:#ffffffa6;border:1px solid #646eb438;border-radius:14px;align-items:flex-start;gap:16px;margin-top:32px;padding:22px;display:flex;box-shadow:0 10px 30px #3c468214}.about-highlight>span{font-size:27px}.about-highlight strong{color:#27396b;margin-bottom:5px;font-size:17px;display:block}.about-highlight p{margin:0;font-size:14px;line-height:1.6}.about-details{flex-direction:column;gap:16px;display:flex}.detail-item{background:#ffffffb8;border:1px solid #646eb433;border-radius:14px;align-items:center;gap:18px;padding:22px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;box-shadow:0 8px 25px #3c468212}.detail-item:hover{border-color:#7864e673;transform:translateY(-5px);box-shadow:0 14px 30px #5050a021}.detail-icon{background:linear-gradient(135deg,#dbeeff,#e8dcff);border:1px solid #6e64dc2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;display:flex}.detail-item strong{color:#25345b;font-size:16px;display:block}@media (width<=900px){.about-content{grid-template-columns:1fr;gap:45px}}@media (width<=600px){.about-section{padding:80px 5%}.about-section .section-title{font-size:36px}.about-main p{font-size:16px}.detail-item{padding:18px}}.about-main p{color:#cbd5e1;margin-bottom:20px;font-size:17px;line-height:1.8}.detail-item span{color:#94a3b8;margin-bottom:7px;font-size:14px;display:block}.detail-item strong{color:#fff;font-size:16px}#skills{color:#172033;background:radial-gradient(circle at 15% 30%,#7896ff2e,#0000 32%),radial-gradient(circle at 85% 70%,#c882ff29,#0000 32%),linear-gradient(135deg,#f3f6ff,#eeeaff);padding:110px 8%;position:relative}#skills .section-subtitle{color:#6673df;letter-spacing:3px;margin-bottom:12px;font-size:14px;font-weight:700}#skills .section-title{color:#172033;margin-bottom:55px;font-size:44px}.skills-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto;display:grid}.skill-card{box-sizing:border-box;text-align:left;background:#ffffffb8;border:1px solid #6973be38;border-radius:16px;height:190px;padding:30px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #46509614}.skill-card:before{content:"";background:linear-gradient(90deg,#4daeff,#8d68ff,#ec70c8);width:100%;height:3px;position:absolute;top:0;left:0}.skill-icon{background:linear-gradient(135deg,#dceeff,#e8dcff);border:1px solid #6e64dc2e;border-radius:13px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;font-size:25px;display:flex}.skill-card h3{color:#1d2c52;margin:0 0 10px;font-size:20px;font-weight:700}.skill-card p{color:#64718b;margin:0;font-size:14px;line-height:1.65}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){#skills{padding:80px 5%}#skills .section-title{font-size:36px}.skills-grid{grid-template-columns:1fr}.skill-card{height:auto;min-height:auto;padding:25px}}.projects-section{color:#172033;background:radial-gradient(circle at 85% 25%,#ffbe822e,#0000 32%),linear-gradient(135deg,#fff5e8,#fff1df);padding:110px 8%;position:relative}.projects-container{max-width:1200px;margin:0 auto}.projects-heading{margin-bottom:50px}.projects-section .section-subtitle{color:#d47a36;letter-spacing:3px;margin-bottom:12px;font-size:14px;font-weight:700}.projects-section .section-title{color:#172033;margin:0 0 15px;font-size:44px}.projects-intro{color:#68738a;max-width:680px;font-size:16px;line-height:1.7}.projects-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.project-card{background:#ffffffc2;border:1px solid #d7915040;border-radius:18px;padding:32px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 12px 35px #b4783c14}.project-card:before{content:"";background:linear-gradient(90deg,#ff9a56,#9b6cff,#5bbcff);width:100%;height:4px;position:absolute;top:0;left:0}.project-card:hover{border-color:#be784673;transform:translateY(-7px);box-shadow:0 20px 45px #b4783c26}.project-icon{background:linear-gradient(135deg,#ffe2c5,#e7ddff);border:1px solid #8264d233;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:22px;display:flex;position:relative}.phone-icon{background:#fff;border:3px solid #5968b8;border-radius:6px;justify-content:center;align-items:center;width:30px;height:48px;display:flex}.phone-screen{justify-content:center;align-items:center;width:19px;height:32px;display:flex}.qr-pattern{grid-template-columns:repeat(3,1fr);gap:2px;width:18px;height:18px;display:grid}.qr-pattern span{background:#25345e;border-radius:1px}.qr-pattern span:nth-child(2),.qr-pattern span:nth-child(5),.qr-pattern span:nth-child(7){background:0 0}.qr-badge{color:#fff;background:linear-gradient(135deg,#596cff,#a35cff);border-radius:6px;padding:5px 7px;font-size:10px;font-weight:800;position:absolute;bottom:-6px;right:-7px}.project-number{color:#b18163;letter-spacing:2px;margin-bottom:9px;font-size:12px;font-weight:700;display:block}.project-content h3{color:#202d4e;margin:0 0 15px;font-size:22px;line-height:1.35}.project-content>p{color:#66738b;margin-bottom:20px;font-size:15px;line-height:1.75}.project-technologies{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.project-technologies span{color:#5c5a9b;background:#f0edff;border:1px solid #ddd7ff;border-radius:20px;padding:6px 10px;font-size:12px;font-weight:600}.project-buttons{gap:12px;display:flex}.project-btn{border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.primary-project-btn{color:#fff;background:linear-gradient(90deg,#6975e8,#9b63dc)}.secondary-project-btn{color:#394a75;background:0 0;border:1px solid #a8b1ce}.project-btn:hover{transform:translateY(-3px)}.project-placeholder{opacity:.9}.project-placeholder .project-icon{font-size:28px}@media (width<=850px){.projects-grid{grid-template-columns:1fr}}@media (width<=600px){.projects-section{padding:80px 5%}.projects-section .section-title{font-size:36px}.project-card{padding:25px}}.education-section{color:#172033;background:radial-gradient(circle at 15% 30%,#64beff29,#0000 30%),linear-gradient(135deg,#eef8ff,#e8f3ff);padding:110px 8%;position:relative}.education-container{max-width:1050px;margin:0 auto}.education-heading{margin-bottom:55px}.education-section .section-subtitle{color:#4285d4;letter-spacing:3px;margin-bottom:12px;font-size:14px;font-weight:700}.education-section .section-title{color:#172033;margin:0 0 15px;font-size:44px}.education-intro{color:#64748b;max-width:650px;font-size:16px;line-height:1.7}.education-timeline{flex-direction:column;gap:30px;display:flex;position:relative}.education-timeline:before{content:"";background:linear-gradient(#55b7ff,#8c75e8);width:2px;position:absolute;top:35px;bottom:35px;left:34px}.education-item{grid-template-columns:70px 1fr;align-items:start;gap:25px;display:grid;position:relative}.education-icon{z-index:2;background:linear-gradient(135deg,#dff2ff,#e9e2ff);border:1px solid #b8d9f4;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;display:flex;position:relative;box-shadow:0 8px 22px #4682be1f}.education-card{background:#ffffffd1;border:1px solid #5a9bd238;border-radius:18px;padding:30px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 12px 30px #4682be14}.education-card:before{content:"";background:linear-gradient(90deg,#55b7ff,#8c75e8);width:100%;height:4px;position:absolute;top:0;left:0}.education-card:hover{border-color:#5a91d266;transform:translateY(-5px);box-shadow:0 18px 38px #4682be24}.education-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.education-year{color:#4b76a8;letter-spacing:1px;font-size:13px;font-weight:700}.education-status,.education-score{color:#3976b5;background:#edf6ff;border:1px solid #c9e4fa;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:700}.education-card h3{color:#1c2b49;margin:0 0 9px;font-size:23px;line-height:1.35}.education-institute{color:#526b89;margin-bottom:13px;font-size:16px;font-weight:600}.education-description{color:#718096;max-width:760px;font-size:14px;line-height:1.7}@media (width<=700px){.education-section{padding:80px 5%}.education-section .section-title{font-size:36px}.education-item{grid-template-columns:55px 1fr;gap:15px}.education-icon{border-radius:15px;width:55px;height:55px;font-size:22px}.education-timeline:before{left:26px}.education-card{padding:23px}.education-card h3{font-size:19px}.education-top{flex-direction:column;align-items:flex-start}}.contact-section{color:#172033;background:radial-gradient(circle at 80% 20%,#be96ff29,#0000 32%),linear-gradient(135deg,#f5f1ff,#eeeaff);padding:110px 8%}.contact-container{text-align:center;max-width:1050px;margin:0 auto}.contact-section .section-subtitle{color:#7563d8;letter-spacing:3px;margin-bottom:12px;font-size:14px;font-weight:700}.contact-section .section-title{color:#172033;margin:0 0 15px;font-size:44px}.contact-intro{color:#66738b;max-width:680px;margin:0 auto 45px;font-size:16px;line-height:1.8}.contact-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:35px;display:grid}.contact-card{text-align:left;background:#ffffffc7;border:1px solid #ddd7f5;border-radius:16px;align-items:center;gap:16px;padding:23px;transition:all .3s;display:flex;box-shadow:0 10px 28px #6450aa12}.contact-card:hover{border-color:#a99ae8;transform:translateY(-5px);box-shadow:0 15px 35px #6450aa21}.contact-icon{background:linear-gradient(135deg,#e5e0ff,#f5dcff);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.contact-card span{color:#7a8498;margin-bottom:5px;font-size:13px;display:block}.contact-card strong{color:#263653;word-break:break-word;font-size:14px;display:block}.contact-email-btn{color:#fff;background:linear-gradient(90deg,#6577e8,#a45ddd);border-radius:9px;justify-content:center;align-items:center;padding:14px 25px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 20px #695ad238}.contact-email-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px #695ad24d}.social-section{color:#172033;background:linear-gradient(135deg,#eef9f7,#e8f4ff);padding:90px 8%}.social-container{text-align:center;max-width:1050px;margin:0 auto}.social-section .section-subtitle{color:#3e91a1;letter-spacing:3px;margin-bottom:12px;font-size:14px;font-weight:700}.social-section h2{color:#172033;margin:0 0 12px;font-size:38px}.social-description{color:#6b788c;margin-bottom:40px;font-size:15px}.social-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.social-card{text-align:left;background:#fffc;border:1px solid #d5e4e9;border-radius:15px;align-items:center;gap:15px;padding:19px;text-decoration:none;transition:all .3s;display:flex}.social-card:hover{border-color:#8ebac4;transform:translateY(-5px);box-shadow:0 12px 28px #3c82961f}.social-icon{color:#3d5fa8;background:#e9f1ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.linkedin-icon{color:#1769aa;background:#e4f2ff}.github-icon{color:#202124;background:#eee}.whatsapp-icon{color:#238b57;background:#e4f8ec}.email-icon{color:#8b5ec7;background:#f0e8ff}.twitter-icon{color:#111827;background:#eee}.social-card strong{color:#243653;margin-bottom:4px;font-size:15px;display:block}.social-card span{color:#788598;font-size:12px;display:block}.footer{color:#fff;text-align:center;background:#111b33;border-top:1px solid #ffffff14;padding:45px 8%}.footer-content p{color:#aeb9ce;margin-bottom:18px;font-size:14px}.footer-content span{color:#7f8ba1;font-size:13px}@media (width<=850px){.contact-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.contact-section,.social-section{padding:80px 5%}.contact-section .section-title{font-size:36px}.social-section h2{font-size:32px}.social-grid{grid-template-columns:1fr}}footer{text-align:center;color:#94a3b8;border-top:1px solid #1e293b;width:100%;padding:30px}@media (width<=900px){.hero{text-align:center;flex-direction:column}.hero-content{max-width:800px}.description{margin:auto}.hero-buttons{justify-content:center}.about-content{grid-template-columns:1fr}}@media (width<=768px){.navbar{padding:0 5%}.nav-links{display:none}.hero{padding:70px 5%}.hero h1{font-size:42px}.hero h2{font-size:24px}.profile-circle{width:200px;height:200px;font-size:50px}.section{padding:70px 5%}.section-title{font-size:34px}}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;display:grid}.skill-card{background:#111c31;border:1px solid #334155;border-radius:12px;padding:30px;transition:all .3s}.skill-card:hover{border-color:#64748b;transform:translateY(-6px)}.skill-icon{margin-bottom:18px;font-size:30px}.skill-card h3{color:#fff;margin-bottom:10px;font-size:20px}.skill-card p{color:#94a3b8;font-size:15px;line-height:1.6}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.skills-grid{grid-template-columns:1fr}}#about{background:linear-gradient(135deg,#e8f8f3,#e5f5f0)}#skills{background:linear-gradient(135deg,#f3edff,#eee8fa)}#projects{background:linear-gradient(135deg,#fff4e6,#ffecd6)}#education{background:linear-gradient(135deg,#e8f7fb,#e2f1f7)}#contact{background:linear-gradient(135deg,#f3edff,#ebe5f7)}footer{background:#e8e4f0}.section-title{color:#172033}.section-subtitle{color:#5b5bd6}.about-main p{color:#465468}.detail-item{background:#ffffffa6;border:1px solid #c8ddd7}.detail-item span{color:#607080}.detail-item strong{color:#172033}.skill-card{background:#ffffffa6;border:1px solid #d5c9ed}.skill-card h3{color:#172033}.skill-card p{color:#53627a}.skills-container span{color:#36445a;background:#fff9;border:1px solid #d5c9ed}.project-card{background:#ffffffa6;border:1px solid #efd2ad}.project-card h3{color:#352719}.project-card p{color:#5c5044}.education-card{background:#ffffffa6;border-left:3px solid #3c9bb3}.education-card h3{color:#17313a}.education-card p,.education-card span{color:#536773}.contact-section p{color:#53627a}footer{color:#5d6270}.footer{color:#fff;text-align:center;background:#111a33;padding:42px 20px 30px;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#4facfe,#7b61ff,#ff5fcf);width:100%;height:3px;position:absolute;top:0;left:0}.footer-content{max-width:1100px;margin:0 auto}.footer-logo{background:linear-gradient(90deg,#4facfe,#a66cff,#ff5fcf);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:30px;font-weight:800;display:inline-block}.footer-role{color:#c5d0e8;margin:0;font-size:15px}.footer-line{background:linear-gradient(90deg,#4facfe,#ff5fcf);border-radius:10px;width:70px;height:2px;margin:22px auto}.footer-copyright{color:#8996b5;margin:0;font-size:13px}.spam-project-icon{justify-content:center;align-items:center;display:flex}.email-icon-box{justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.email-envelope{background:#fff;border:3px solid #6366f1;border-radius:5px;width:38px;height:28px;position:relative;overflow:hidden}.email-flap{border-bottom:3px solid #6366f1;border-right:3px solid #6366f1;width:22px;height:22px;position:absolute;top:-11px;left:5px;transform:rotate(45deg)}.spam-badge{color:#fff;letter-spacing:.3px;background:#8b5cf6;border-radius:5px;padding:4px 5px;font-size:8px;font-weight:700;position:absolute;bottom:-3px;right:-7px}.pet-project-icon{justify-content:center;align-items:center;display:flex}.pet-icon-box{justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.paw-icon{font-size:36px;line-height:1}.pet-badge{color:#fff;letter-spacing:.3px;background:#8b5cf6;border-radius:5px;padding:4px 5px;font-size:8px;font-weight:700;position:absolute;bottom:-3px;right:-7px}.fee-project-icon{justify-content:center;align-items:center;display:flex}.fee-icon-box{justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.fee-card{background:#fff;border:3px solid #6366f1;border-radius:5px;width:38px;height:28px;padding:5px;position:relative}.fee-card-line{background:#6366f1;border-radius:2px;width:15px;height:3px;margin-bottom:4px}.fee-card-line.short{width:10px}.fee-rupee{color:#8b5cf6;font-size:12px;font-weight:700;position:absolute;bottom:3px;right:4px}.fee-badge{color:#fff;letter-spacing:.3px;background:#8b5cf6;border-radius:5px;padding:4px 5px;font-size:8px;font-weight:700;position:absolute;bottom:-3px;right:-7px}.ai-project-icon{justify-content:center;align-items:center;display:flex}.ai-icon-box{justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.chatbot-icon{background:#fff;border:3px solid #6366f1;border-radius:9px;justify-content:center;align-items:center;width:38px;height:32px;display:flex;position:relative}.bot-face{gap:6px;display:flex}.bot-face span{background:#6366f1;border-radius:50%;width:5px;height:5px}.bot-mouth{border-bottom:2px solid #8b5cf6;border-radius:50%;width:12px;height:4px;position:absolute;bottom:6px;left:10px}.ai-badge{color:#fff;letter-spacing:.4px;background:#8b5cf6;border-radius:5px;padding:4px 6px;font-size:9px;font-weight:700;position:absolute;bottom:-3px;right:-7px}.meal-project-icon{justify-content:center;align-items:center;display:flex}.meal-icon-box{justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.meal-plate{background:#fff;border:3px solid #6366f1;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.meal-food{font-size:22px;line-height:1}.meal-badge{color:#fff;letter-spacing:.3px;background:#8b5cf6;border-radius:5px;padding:4px 5px;font-size:8px;font-weight:700;position:absolute;bottom:-3px;right:-8px}.portfolio-project-icon{justify-content:center;align-items:center;display:flex;position:relative}.portfolio-icon-box{justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.browser-icon{background:#fff;border:3px solid #6366f1;border-radius:6px;width:40px;height:34px;position:relative;overflow:hidden}.browser-top{background:#eef0ff;border-bottom:1px solid #d8dcfa;align-items:center;gap:3px;height:9px;padding-left:5px;display:flex}.browser-top span{background:#8b5cf6;border-radius:50%;width:4px;height:4px}.browser-screen{padding:6px 5px}.browser-line{background:#6366f1;border-radius:3px;width:22px;height:3px;margin-bottom:4px}.browser-line.short{width:14px}.portfolio-badge{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:5px;padding:4px 5px;font-size:9px;font-weight:800;position:absolute;bottom:-3px;right:-7px}.project-card:hover .browser-icon{transition:transform .3s;transform:scale(1.05)}.project-card:hover .portfolio-badge{transition:transform .3s;transform:translateY(-2px)}.logo{transition:transform .3s,filter .3s}.logo:hover{filter:drop-shadow(0 5px 12px #7864ff59);transform:translateY(-2px)}.nav-links a{transition:color .3s,transform .3s}.nav-links a:hover{transform:translateY(-2px)}.hero-btn{transition:transform .3s,box-shadow .3s,filter .3s}.hero-btn:hover{filter:brightness(1.04);transform:translateY(-4px)scale(1.02)}.social-links a{transition:transform .3s,box-shadow .3s,background .3s}.social-links a:hover{transform:translateY(-5px)scale(1.08)}.profile-circle{transition:transform .4s,box-shadow .4s}.profile-circle:hover{transform:scale(1.025);box-shadow:0 0 35px #646eff59,0 15px 35px #4650962e}.detail-item,.about-highlight{transition:transform .3s,box-shadow .3s,border-color .3s}.detail-item:hover,.about-highlight:hover{transform:translateY(-5px);box-shadow:0 16px 35px #46509624}.skill-card{transition:transform .3s,box-shadow .3s,border-color .3s}.skill-card:hover{border-color:#7864e673;transform:translateY(-7px);box-shadow:0 18px 40px #5050a026}.skill-card .skill-icon{transition:transform .3s}.skill-card:hover .skill-icon{transform:scale(1.08)rotate(-2deg)}.project-card{transition:transform .3s,box-shadow .3s,border-color .3s}.project-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #b4783c26}.project-card .project-icon{transition:transform .3s}.project-card:hover .project-icon{transform:scale(1.06)}.project-technologies span{transition:transform .25s,background .25s,border-color .25s}.project-technologies span:hover{background:#e9e5ff;border-color:#c5baff;transform:translateY(-2px)}.project-btn{transition:transform .3s,box-shadow .3s,filter .3s}.project-btn:hover{filter:brightness(1.04);transform:translateY(-3px)}.education-card{transition:transform .3s,box-shadow .3s,border-color .3s}.education-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px #4682be26}.education-icon{transition:transform .3s,box-shadow .3s}.education-item:hover .education-icon{transform:scale(1.05);box-shadow:0 10px 25px #4682be2e}.contact-card{transition:transform .3s,box-shadow .3s,border-color .3s}.contact-card:hover{transform:translateY(-6px);box-shadow:0 16px 35px #6450aa24}.contact-icon{transition:transform .3s}.contact-card:hover .contact-icon{transform:scale(1.08)}.contact-email-btn{transition:transform .3s,box-shadow .3s,filter .3s}.contact-email-btn:hover{filter:brightness(1.04);transform:translateY(-4px);box-shadow:0 14px 28px #695ad24d}.social-card{transition:transform .3s,box-shadow .3s,border-color .3s}.social-card:hover{transform:translateY(-6px);box-shadow:0 15px 32px #3c829624}.social-icon{transition:transform .3s}.social-card:hover .social-icon{transform:scale(1.08)}.footer-logo{transition:transform .3s,filter .3s}.footer-logo:hover{filter:drop-shadow(0 5px 12px #7864ff4d);transform:translateY(-2px)}.detail-item,.skill-card,.project-card,.education-card,.contact-card,.social-card{will-change:transform}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.experience-section{background:#eef9f8}.experience-intro{text-align:center;color:#58708d;max-width:850px;margin:0 auto 50px;font-size:17px;line-height:1.7}.experience-card{background:#ffffffc7;border:1px solid #cfdde8;border-radius:22px;gap:28px;max-width:1050px;margin:0 auto;padding:35px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #38506e14}.experience-card:before{content:"";background:linear-gradient(90deg,#4da3ff,#8b5cf6,#ec63c8);width:100%;height:4px;position:absolute;top:0;left:0}.experience-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #38506e24}.experience-icon{background:linear-gradient(135deg,#4da3ff26,#8b5cf626);border:1px solid #cbd5ff;border-radius:16px;justify-content:center;align-items:center;min-width:68px;height:68px;font-size:31px;display:flex}.experience-content{flex:1}.experience-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.experience-duration{letter-spacing:.5px;color:#536dfe;margin-bottom:10px;font-size:14px;font-weight:700;display:inline-block}.experience-content h3{color:#17233c;margin:0 0 7px;font-size:25px}.experience-content h4{color:#536b87;margin:0;font-size:17px;font-weight:600}.experience-badge{color:#4c70c9;white-space:nowrap;background:#f2f7ff;border:1px solid #c8ddff;border-radius:30px;padding:8px 16px;font-size:13px;font-weight:600}.experience-description{color:#526b87;margin:24px 0;font-size:16px;line-height:1.75}.experience-details{border-top:1px solid #dce6ee;grid-template-columns:1fr 1.4fr;gap:35px;padding-top:22px;display:grid}.experience-details strong{color:#1d2a43;margin-bottom:14px;font-size:15px;display:block}.experience-tags{flex-wrap:wrap;gap:9px;display:flex}.experience-tags span{color:#6254b8;background:#f0edff;border:1px solid #d9d2ff;border-radius:20px;padding:7px 13px;font-size:13px;font-weight:600}.responsibilities ul{color:#526b87;margin:0;padding-left:20px}.responsibilities li{margin-bottom:9px;font-size:14px;line-height:1.55}@media (width<=768px){.experience-card{flex-direction:column;padding:25px}.experience-top{flex-direction:column;gap:15px}.experience-badge{align-self:flex-start}.experience-details{grid-template-columns:1fr;gap:25px}.experience-content h3{font-size:21px}}.certificates-section{background:linear-gradient(135deg,#f5f1ff 0%,#eef7ff 50%,#fff7ef 100%);padding:100px 20px}.certificates-container{max-width:1200px;margin:0 auto}.certificates-intro{text-align:center;color:#64748b;max-width:720px;margin:0 auto 55px;font-size:17px;line-height:1.8}.certificates-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.certificate-card{background:#ffffffeb;border:1px solid #dbe3f0;border-radius:18px;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #1e293b12}.certificate-card:hover{border-color:#a78bfa;transform:translateY(-8px);box-shadow:0 18px 40px #4f46e526}.certificate-image-wrapper{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;width:100%;height:220px;display:flex;overflow:hidden}.certificate-image-wrapper img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:8px;transition:transform .4s,opacity .3s;display:block}.certificate-card:hover .certificate-image-wrapper img{transform:scale(1.03)}.certificate-placeholder{background:linear-gradient(135deg,#eef2ff,#f5f3ff)}.certificate-placeholder span{font-size:64px;transition:transform .3s,opacity .3s}.certificate-card:hover .certificate-placeholder span{transform:scale(1.12)}.certificate-content{flex-direction:column;flex:1;padding:25px;display:flex}.certificate-category{color:#6366f1;letter-spacing:.4px;background:#eef2ff;border-radius:50px;width:fit-content;margin-bottom:14px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.certificate-content h3{color:#172033;margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.4}.certificate-content p{color:#64748b;margin:0 0 10px;font-size:14px;line-height:1.6}.certificate-year{color:#475569;margin-bottom:20px;font-size:13px;font-weight:600;display:block}.certificate-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:9px;justify-content:center;align-items:center;width:fit-content;margin-top:auto;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,opacity .25s;display:inline-flex;box-shadow:0 6px 15px #6366f133}.certificate-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 10px 22px #6366f14d}@media (width<=1000px){.certificates-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.certificates-section{padding:75px 16px}.certificates-intro{margin-bottom:40px;font-size:15px}.certificates-grid{grid-template-columns:1fr;gap:22px}.certificate-image-wrapper{height:230px}.certificate-image-wrapper img{object-fit:contain;padding:10px}.certificate-content{padding:22px}.certificate-content h3{font-size:18px}.certificate-btn{width:100%}}.achievements-section{background:linear-gradient(135deg,#fff8ed 0%,#f5f3ff 50%,#eef8ff 100%);padding:100px 20px}.achievements-container{max-width:1200px;margin:0 auto}.achievements-intro{text-align:center;color:#64748b;max-width:720px;margin:0 auto 55px;font-size:17px;line-height:1.8}.achievements-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.achievement-card{background:#ffffffe6;border:1px solid #dbe3f0;border-radius:20px;gap:24px;padding:30px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #1e293b12}.achievement-card:before{content:"";background:linear-gradient(90deg,#f59e0b,#8b5cf6,#3b82f6);width:100%;height:4px;position:absolute;top:0;left:0}.achievement-card:hover{border-color:#b8a8f5;transform:translateY(-7px);box-shadow:0 18px 42px #4f46e524}.achievement-icon{background:linear-gradient(135deg,#fff4d8,#f1edff);border:1px solid #e5d8ff;border-radius:17px;justify-content:center;align-items:center;min-width:68px;height:68px;font-size:31px;transition:transform .3s;display:flex;box-shadow:0 7px 18px #6366f114}.achievement-card:hover .achievement-icon{transform:scale(1.08)rotate(-3deg)}.achievement-content{flex:1}.achievement-category{color:#6857c7;letter-spacing:.4px;background:#f1edff;border-radius:50px;width:fit-content;margin-bottom:12px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-block}.achievement-content h3{color:#172033;margin:0 0 12px;font-size:21px;font-weight:700;line-height:1.4}.achievement-content p{color:#64748b;margin:0 0 16px;font-size:14px;line-height:1.75}.achievement-year{color:#475569;font-size:13px;font-weight:600;display:block}@media (width<=900px){.achievements-grid{grid-template-columns:1fr}}@media (width<=650px){.achievements-section{padding:75px 16px}.achievements-intro{margin-bottom:40px;font-size:15px}.achievements-grid{grid-template-columns:1fr;gap:20px}.achievement-card{flex-direction:column;gap:18px;padding:24px}.achievement-icon{width:58px;min-width:58px;height:58px;font-size:27px}.achievement-content h3{font-size:19px}}