.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:clamp(40px,10vw,100px) clamp(20px,5vw,50px)}.hero-content{max-width:800px;text-align:center}.hero-img{border:4px solid #3aafa9;border-radius:50%;box-shadow:0 10px 30px #3aafa94d;height:clamp(150px,25vw,250px);margin-bottom:30px;object-fit:cover;width:clamp(150px,25vw,250px)}.hero-img:hover{transform:scale(1.05);transition:transform .3s ease}.hero-title{color:#17252a;font-size:clamp(32px,6vw,56px);font-weight:700;margin-bottom:15px}.hero-title .highlight{color:#3aafa9}.hero-subtitle{color:#3aafa9;font-size:clamp(24px,4vw,36px);font-weight:600;margin-bottom:20px}.hero-description{color:#7e7575;font-size:clamp(16px,2.5vw,20px);line-height:1.6;margin-bottom:40px}.hero-cta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cta-primary,.cta-secondary{border-radius:50px;font-size:clamp(14px,2vw,18px);font-weight:600;padding:15px 35px;text-decoration:none;transition:all .3s ease}.cta-primary{background:linear-gradient(135deg,#3aafa9,#2d8a85);border:2px solid #0000;color:#fff}.cta-primary:hover{box-shadow:0 10px 25px #3aafa966;transform:translateY(-3px)}.cta-secondary{background:#0000;border:2px solid #3aafa9;color:#3aafa9}.cta-secondary:hover{background:#3aafa9;color:#fff;transform:translateY(-3px)}.about{margin:0 auto;max-width:1200px}.about-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;padding:clamp(40px,6vw,40px)}.about-content>h1{color:#3aafa9;font-size:clamp(32px,6vw,48px);font-weight:600;margin-bottom:clamp(40px,6vw,60px);position:relative;text-align:center}.about-content>h1:after{background:linear-gradient(90deg,#3aafa9,#17252a);border-radius:2px;bottom:-15px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about-approach,.about-interests,.about-story{margin-bottom:clamp(35px,5vw,50px)}.about-approach h2,.about-interests h2,.about-story h2,.about-values h2{color:#17252a;font-size:clamp(22px,3.5vw,28px);font-weight:600;margin-bottom:18px;padding-left:20px;position:relative}.about-approach h2:before,.about-interests h2:before,.about-story h2:before,.about-values h2:before{background:#3aafa9;border-radius:3px;content:"";height:70%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:5px}.about-approach p,.about-interests p,.about-story p{color:#555;font-size:clamp(15px,2.5vw,18px);line-height:1.8;text-align:justify}.about-values{margin-top:clamp(40px,6vw,60px)}.values-grid{grid-gap:clamp(20px,3vw,30px);display:grid;gap:clamp(20px,3vw,30px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px}.value-card{background:linear-gradient(135deg,#f8f9fa,#e8f4f3);border:2px solid #e0e0e0;border-radius:15px;padding:clamp(25px,4vw,35px);text-align:center;transition:all .3s ease}.value-card:hover{border-color:#3aafa9;box-shadow:0 15px 35px #3aafa933;transform:translateY(-8px)}.value-icon{display:block;font-size:clamp(35px,5vw,50px);margin-bottom:15px}.value-card h3{color:#3aafa9;font-size:clamp(18px,2.5vw,22px);font-weight:600;margin-bottom:12px}.value-card p{color:#666;font-size:clamp(14px,2vw,16px);line-height:1.6}@media screen and (max-width:768px){.about-content{padding:clamp(25px,5vw,35px)}.values-grid{grid-template-columns:1fr}.about-approach p,.about-interests p,.about-story p{text-align:left}}@media screen and (max-width:480px){.about-approach h2:before,.about-interests h2:before,.about-story h2:before,.about-values h2:before{width:4px}}.skills{padding:clamp(40px,8vw,80px) clamp(20px,5vw,50px);text-align:center}.skills h1{color:#3aafa9;font-size:clamp(32px,6vw,48px);font-weight:600;margin-bottom:clamp(30px,5vw,50px);position:relative;text-align:center}.skills h1:after{background:linear-gradient(90deg,#3aafa9,#17252a);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.all-skills{grid-gap:clamp(20px,4vw,40px);background:#fff;border:2px solid #3aafa9;border-radius:15px;box-shadow:0 10px 30px #0000001a;display:grid;gap:clamp(20px,4vw,40px);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:1200px;padding:clamp(20px,4vw,40px)}.skill{align-items:center;background:#0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:clamp(15px,3vw,25px);transition:all .3s ease}.skill:hover{transform:scale(1.3)}.skill.dimmed{filter:grayscale(10%);opacity:.4}.skill .icon{color:#3aafa9;font-size:clamp(50px,8vw,70px);margin-bottom:10px;transition:all .3s ease}.skill:hover .icon{color:#2d8a85}.skill h6{color:#17252a;font-size:clamp(14px,2vw,18px);font-weight:500;margin:0;text-align:center}@media screen and (max-width:768px){.all-skills{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.all-skills{gap:clamp(15px,3vw,20px);grid-template-columns:repeat(2,1fr)}.skill:hover{transform:scale(1.15)}}.projects{margin:0 auto;max-width:1400px;padding:clamp(60px,10vw,100px) clamp(20px,5vw,50px)}.projects h1{color:#3aafa9;font-size:clamp(32px,6vw,48px);font-weight:600;margin-bottom:clamp(30px,5vw,50px);position:relative;text-align:center}.projects h1:after{background:linear-gradient(90deg,#3aafa9,#17252a);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.all-projects{grid-gap:clamp(20px,4vw,40px);display:grid;gap:clamp(20px,4vw,40px);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.project{background:#fff;border:2px solid #e8f4f3;border-radius:20px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;padding:clamp(20px,4vw,30px);text-align:center;transition:all .3s ease}.project:hover{border-color:#3aafa9;box-shadow:0 20px 40px #3aafa933;transform:translateY(-10px)}.project-image{background:#f5f5f5;border-radius:15px;height:220px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.project-image a{display:block;height:100%;width:100%}.project-img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.project:hover .project-img{transform:scale(1.1)}.project h2{align-items:center;color:#17252a;display:flex;font-size:clamp(18px,3vw,22px);font-weight:600;justify-content:center;margin-bottom:15px;min-height:clamp(45px,5vw,55px)}.project p{color:#555;flex-grow:1;font-size:clamp(14px,2vw,16px);line-height:1.7;margin-bottom:20px;text-align:left}.project-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:auto}.project-actions a{flex:1 1;min-width:120px}button{background-color:#17252a;border:2px solid #17252a;border-radius:50px;color:#def2f1;cursor:pointer;font-size:clamp(14px,2vw,16px);font-weight:500;margin:0;padding:clamp(10px,2vw,15px) clamp(20px,4vw,30px);transition:all .3s ease;width:100%}button:hover{background-color:#def2f1;box-shadow:0 5px 15px #0003;color:#17252a;transform:translateY(-2px)}.git{background-color:#3aafa9;color:#fff}.git,.git:hover{border-color:#3aafa9}.git:hover{background-color:#fff;color:#3aafa9}.live-demo{background:linear-gradient(135deg,#2d8a85,#3aafa9);border-color:#2d8a85}.live-demo:hover{background:#fff;border-color:#2d8a85;color:#2d8a85}@media screen and (max-width:768px){.all-projects{grid-template-columns:1fr}.project-actions{flex-direction:column}.project-actions a{width:100%}}@media screen and (max-width:480px){.project{padding:15px}.project-image{height:180px}}.experience{margin:0 auto;max-width:1200px;padding:clamp(60px,10vw,100px) clamp(20px,5vw,50px)}.experience h1{color:#3aafa9;font-size:clamp(32px,6vw,48px);font-weight:600;margin-bottom:clamp(40px,6vw,60px);position:relative;text-align:center}.experience h1:after{background:linear-gradient(90deg,#3aafa9,#17252a);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.experience-list{display:flex;flex-direction:column;gap:30px}.experience-card{background:#fff;border:2px solid #e8f4f3;border-left:5px solid #3aafa9;border-radius:15px;box-shadow:0 5px 15px #0000000d;padding:clamp(25px,4vw,35px);transition:all .3s ease}.experience-card:hover{border-left-width:8px;box-shadow:0 10px 30px #3aafa926;transform:translateX(10px)}.experience-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.experience-card h2{color:#17252a;font-size:clamp(20px,3vw,26px);font-weight:600}.company{color:#3aafa9;font-size:clamp(16px,2.5vw,20px);font-weight:600}.period{color:#7e7575;font-size:clamp(14px,2vw,16px);font-style:italic;margin-bottom:20px}.responsibilities{list-style:none;padding-left:0}.responsibilities li{color:#17252a;font-size:clamp(14px,2vw,17px);line-height:1.8;margin-bottom:12px;padding-left:25px;position:relative}.responsibilities li:before{color:#3aafa9;content:"▹";font-size:20px;left:0;position:absolute}@media screen and (max-width:768px){.hero-cta{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:300px;text-align:center;width:100%}.experience-card:hover{transform:translateX(5px)}}footer{margin-top:auto}.footer{grid-gap:clamp(20px,4vw,40px);background:linear-gradient(135deg,#3aafa9,#2d8a85);display:grid;gap:clamp(20px,4vw,40px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));overflow:hidden;padding:clamp(30px,6vw,50px);position:relative}.footer:before{background:linear-gradient(90deg,#17252a,#3aafa9,#17252a);content:"";height:4px;left:0;position:absolute;right:0;top:0}.footer h1,.footer h2{border-bottom:3px solid #17252a;color:#17252a;font-size:clamp(20px,3vw,24px);margin-bottom:15px;padding-bottom:8px;width:fit-content}.footer a,.footer p{color:#17252a;font-size:clamp(14px,2vw,17px);margin:8px 0;text-decoration:none;transition:color .3s ease}.footer a:hover,.resume-btn{color:#def2f1}.resume-btn{align-items:center;background:linear-gradient(135deg,#17252a,#2d3e45);border:none;border-radius:25px;box-shadow:0 4px 15px #0003;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-top:10px;max-width:max-content;padding:12px 24px;transition:all .3s ease}.resume-btn:hover{background:linear-gradient(135deg,#2d3e45,#3a5159);box-shadow:0 6px 20px #0000004d;color:#fff;transform:translateY(-2px)}.btn-icon{font-size:20px!important}.contact-info{margin:20px 0}.contact-item{align-items:center;border-radius:8px;display:flex;gap:12px;margin:12px 0;padding:8px;transition:background-color .3s ease}.contact-item:hover{background-color:#ffffff1a}.contact-item a{color:#17252a;font-weight:500;text-decoration:none;word-break:break-word}.contact-item a:hover{color:#def2f1}.contact-icon{color:#17252a!important;flex-shrink:0;font-size:24px!important;transition:color .3s ease}.contact-item:hover .contact-icon{color:#def2f1!important}.social-links{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.social-links a{border:2px solid #17252a;border-radius:20px;color:#17252a;font-size:clamp(12px,2vw,14px);font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.social-links a:hover{background-color:#17252a;color:#def2f1;transform:translateY(-2px)}.footer-nav{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.footer-link{border-bottom:1px solid #0000;color:#17252a;display:inline-block;padding:8px 0;text-decoration:none;transition:all .3s ease}.footer-link:hover{border-bottom-color:#def2f1;color:#def2f1}.copyright{background:linear-gradient(135deg,#2d8a85,#3aafa9);padding:20px;text-align:center}.copyright p{color:#17252a;font-size:clamp(12px,2vw,14px);font-weight:500;margin:0}@media screen and (max-width:768px){.footer{grid-template-columns:1fr;text-align:center}.contact-item,.social-links{justify-content:center}.footer-nav{align-items:center}.footer h1,.footer h2{margin-left:auto;margin-right:auto}.resume-btn{justify-content:center;max-width:280px;width:100%}}@media screen and (max-width:480px){.social-links{align-items:center;flex-direction:column;gap:10px}.social-links a{max-width:200px;text-align:center;width:100%}.contact-item{flex-direction:row;text-align:left}}
/*# sourceMappingURL=main.03d3aa26.css.map*/