@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap);:root{--main-font:"M PLUS Rounded 1c",sans-serif;--secondary-font:"Dancing Script",cursive;--bg-base:#f9f5f0;--bg-secondary:#f2ead3;--accent:#f4991a;--text-dark:#344f1f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f5f0;background-color:var(--bg-base);color:#344f1f;color:var(--text-dark);font-family:M PLUS Rounded\ 1c,sans-serif;font-family:var(--main-font);overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:#344f1f;color:var(--text-dark)}button,h1,h2,h3,h4,h5,h6{font-family:M PLUS Rounded\ 1c,sans-serif;font-family:var(--main-font)}.App{min-height:100vh;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .8s ease-out forwards}section{margin:0 auto;max-width:1200px;padding:80px 20px}@media (max-width:768px){section{padding:60px 20px}}.navbar{background-color:var(--bg-base);box-shadow:0 2px 10px #0000;left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{box-shadow:0 2px 10px #0000001a}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav-logo{color:var(--text-dark);font-size:1.5rem;font-weight:600}.nav-links{display:flex;gap:40px;list-style:none}.nav-links li a{color:var(--text-dark);font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}.nav-links li a:after{background-color:var(--accent);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links li a:hover{color:var(--accent)}.nav-links li a:hover:after{width:100%}@media (max-width:768px){.nav-links{gap:20px}.nav-logo{font-size:1.2rem}.nav-links li a{font-size:.9rem}}@media (max-width:480px){.nav-links{gap:15px}.nav-links li a{font-size:.8rem}}.hero{align-items:center;background-color:var(--bg-base);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding-top:80px;position:relative;text-align:center}.hero-content{max-width:800px;padding:0 20px;position:relative;z-index:1}.hero-title{color:var(--text-dark);font-size:4rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-title .highlight{color:var(--accent)}.hero-subtitle{align-items:center;color:var(--text-dark);display:flex;font-size:2.5rem;font-weight:500;justify-content:center;line-height:1.4;margin-bottom:.5rem;min-height:3.5rem;opacity:.8}.hero-location{color:var(--text-dark);font-size:1.2rem;font-weight:400;margin-bottom:2rem;opacity:.7}.typing-text{color:var(--accent);font-family:Courier New,monospace}.typing-text .cursor{display:inline-block;font-weight:400;margin-left:2px}.hero-description{color:var(--text-dark);font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;opacity:.7}.cta-button{background-color:var(--accent);border-radius:50px;box-shadow:0 4px 15px #f4991a4d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:16px 40px;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:#e08915;box-shadow:0 6px 20px #f4991a66;transform:translateY(-2px)}.hero-decoration{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.circle-1{animation:float 6s ease-in-out infinite;cursor:pointer;pointer-events:all;position:absolute;right:2%;top:5%;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.circle-1:hover{opacity:.8;transform:scale(1.2)}.circle-1:active{transform:scale(.95)}.circle-2{animation:float 8s ease-in-out infinite reverse;bottom:8%;cursor:pointer;left:2%;pointer-events:all;position:absolute;transition:all .8s cubic-bezier(.34,1.56,.64,1)}.circle-2:hover{opacity:.8;transform:scale(1.2)}.circle-2:active{transform:scale(.95)}@media (max-width:968px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.8rem;min-height:2.8rem}.hero-description{font-size:1.1rem}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem;min-height:2.5rem}.cta-button,.hero-description{font-size:1rem}.cta-button{padding:14px 35px}.circle-1,.circle-2{display:block}.circle-1{height:80px;width:80px}.circle-2{height:60px;width:60px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.2rem;min-height:2rem}.circle-1{height:70px;width:70px}.circle-2{height:50px;width:50px}}.about{background-color:var(--bg-secondary);opacity:0;overflow:hidden;position:relative;transition:opacity .8s ease}.about.fade-in{opacity:1}.about:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#f4991a14 0,#0000 70%);height:400px;right:-100px;top:10%;width:400px}.about:after,.about:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.about:after{animation:float 25s ease-in-out infinite reverse;background:radial-gradient(circle,#344f1f0f 0,#0000 70%);bottom:10%;height:350px;left:-100px;width:350px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.section-title{color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative;text-align:center;z-index:1}.about-layout{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 2fr;grid-template-rows:auto auto;position:relative;z-index:1}.about-div1{align-items:center;background:var(--bg-base);border:4px solid var(--text-dark);border-radius:20px;box-shadow:8px 8px 0 var(--text-dark);display:flex;flex-direction:column;gap:30px;grid-column:1;grid-row:1;overflow:hidden;padding:35px 25px;position:relative;transition:all .4s ease}.about-div1:before{background:linear-gradient(90deg,var(--accent),#0000);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.about-div1:hover{box-shadow:12px 12px 0 var(--text-dark);transform:translate(-4px,-4px)}.about-div2{background:var(--bg-base);border:4px solid var(--text-dark);border-radius:20px;box-shadow:8px 8px 0 var(--text-dark);grid-column:2;grid-row:1;overflow:hidden;padding:40px;position:relative;transition:all .4s ease}.about-div2:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.about-div2:hover{box-shadow:12px 12px 0 var(--text-dark);transform:translate(-4px,-4px)}.about-div3{background:var(--bg-base);border:4px solid var(--text-dark);border-radius:20px;box-shadow:8px 8px 0 var(--text-dark);grid-column:1/-1;grid-row:2;overflow:hidden;padding:40px;position:relative;transition:all .4s ease}.about-div3:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,var(--accent),var(--text-dark),var(--accent));background-size:200% 100%;content:"";height:4px;left:0;position:absolute;top:0;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.about-div3:hover{box-shadow:12px 12px 0 var(--text-dark);transform:translate(-4px,-4px)}.about-image-wrapper{display:flex;justify-content:center;width:100%}.profile-circle{animation:profileAppear .8s ease-out;border:5px solid var(--text-dark);border-radius:50%;box-shadow:0 0 0 8px var(--bg-base),0 0 0 12px var(--accent);height:220px;overflow:hidden;position:relative;transition:all .4s ease;width:220px}@keyframes profileAppear{0%{opacity:0;transform:scale(.8) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.profile-circle:hover{box-shadow:0 0 0 8px var(--bg-base),0 0 0 12px var(--accent),0 15px 30px #0003;transform:scale(1.05) rotate(2deg)}.profile-circle img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.profile-circle:hover img{transform:scale(1.1)}.profile-ring{animation:rotate 20s linear infinite;border:3px dashed var(--accent);border-radius:50%;inset:-18px;opacity:0;position:absolute;transition:all .4s ease}.profile-circle:hover .profile-ring{opacity:.4}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.highlights-grid{grid-gap:15px;animation:slideUp .8s ease-out .3s forwards;display:grid;gap:15px;grid-template-columns:1fr;opacity:0;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.highlight-card{animation:popIn .5s ease-out forwards;background:var(--bg-secondary);border:3px solid var(--text-dark);border-radius:12px;box-shadow:4px 4px 0 var(--text-dark);opacity:0;padding:20px;text-align:center;transition:all .3s ease}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.highlight-card:hover{background:var(--accent);box-shadow:7px 7px 0 var(--text-dark);transform:translate(-3px,-3px)}.highlight-card:hover .highlight-label,.highlight-card:hover .highlight-number{color:#fff}.highlight-number{color:var(--accent);font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:5px;transition:color .3s ease}.highlight-label{color:var(--text-dark);font-size:.85rem;font-weight:600;line-height:1.3;transition:color .3s ease}.about-text{display:flex;flex-direction:column;gap:20px}.about-text p{animation:fadeInText .6s ease-out forwards;animation-play-state:paused;color:var(--text-dark);font-size:1.1rem;line-height:1.9;margin:0;opacity:.9}.about.fade-in .about-text p{animation-play-state:running}.about-text p:first-child{animation-delay:.2s}.about-text p:nth-child(2){animation-delay:.3s}.about-text p:nth-child(3){animation-delay:.4s}.about-text p:nth-child(4){animation-delay:.5s}@keyframes fadeInText{0%{opacity:0;transform:translateX(-20px)}to{opacity:.9;transform:translateX(0)}}.intro-text{color:var(--text-dark);font-size:1.25rem!important;font-weight:500;opacity:1!important}.about-text .highlight{color:var(--accent);font-weight:700;padding:0 2px;position:relative}.about-text .highlight:after{background:var(--accent);bottom:0;content:"";height:2px;left:0;opacity:.3;position:absolute;width:100%}.skills-title{align-items:center;color:var(--text-dark);display:flex;font-size:1.6rem;font-weight:700;gap:20px;margin-bottom:30px}.skills-title span{white-space:nowrap}.skills-title-line{background:linear-gradient(90deg,var(--accent) 0,#0000 100%);border-radius:2px;flex-grow:1;height:3px}.skill-categories{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-category{opacity:0;transform:translateY(20px);transition:all .3s ease}.about-div3.skills-visible .skill-category{animation:slideInCategory .6s ease-out forwards}@keyframes slideInCategory{to{opacity:1;transform:translateY(0)}}.category-name{border-left:4px solid var(--accent);color:var(--text-dark);font-size:1.1rem;font-weight:700;margin-bottom:12px;padding-left:15px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{background:var(--bg-secondary);border:2px solid var(--text-dark);border-radius:25px;box-shadow:3px 3px 0 #344f1f33;color:var(--text-dark);cursor:default;font-size:.9rem;font-weight:600;opacity:0;padding:10px 18px;transform:scale(.8);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.about-div3.skills-visible .skill-tag{animation:popInTag .5s ease-out forwards}@keyframes popInTag{to{opacity:1;transform:scale(1)}}.skill-tag:hover{background:var(--accent);border-color:var(--accent);box-shadow:5px 5px 0 var(--text-dark);color:#fff;transform:translateY(-4px) scale(1.05)}@media (max-width:968px){.about-layout{gap:20px;grid-template-columns:1fr}.about-div1,.about-div2,.about-div3{grid-column:1}.about-div1{grid-row:1}.about-div2{grid-row:2}.about-div3{grid-row:3}.highlights-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.skill-categories{grid-template-columns:1fr}}@media (max-width:768px){.section-title{font-size:2rem;margin-bottom:2rem}.about-div1,.about-div2,.about-div3{box-shadow:6px 6px 0 var(--text-dark);padding:30px 25px}.about-div1:hover,.about-div2:hover,.about-div3:hover{box-shadow:9px 9px 0 var(--text-dark);transform:translate(-3px,-3px)}.profile-circle{height:200px;width:200px}.highlight-number{font-size:1.8rem}.highlight-label{font-size:.75rem}.intro-text{font-size:1.15rem!important}.about-text p{font-size:1rem}.skills-title{align-items:flex-start;flex-direction:column;font-size:1.4rem;gap:10px}.skills-title-line{width:100%}}@media (max-width:480px){.section-title{font-size:1.8rem}.about-div1,.about-div2,.about-div3{box-shadow:5px 5px 0 var(--text-dark);padding:25px 20px}.about-div1:hover,.about-div2:hover,.about-div3:hover{box-shadow:7px 7px 0 var(--text-dark);transform:translate(-2px,-2px)}.profile-circle{height:180px;width:180px}.highlights-grid{grid-template-columns:1fr}.highlight-card{padding:18px 15px}.highlight-number{font-size:2rem}.highlight-label{font-size:.85rem}.about-text p{font-size:.95rem}.skill-tag{font-size:.85rem;padding:8px 14px}.skill-categories{gap:20px}}@media (prefers-reduced-motion:reduce){.about-div3:before,.about:after,.about:before,.profile-ring{animation:none}.about-text p,.highlight-card,.highlights-grid,.profile-circle,.skill-category,.skill-tag{animation:none!important;opacity:1!important;transform:none!important}.about-div1:hover,.about-div2:hover,.about-div3:hover,.highlight-card:hover,.profile-circle:hover,.skill-tag:hover{transform:none}}.work2{background-color:var(--bg-base);min-height:100vh;opacity:0;overflow:hidden;padding:80px 20px;position:relative;transition:opacity .8s ease}.work2.fade-in{opacity:1}.work2:before{background:linear-gradient(90deg,#0000,var(--accent),#0000);content:"";height:4px;left:0;opacity:.6;position:absolute;right:0;top:0}.work2 .section-title{color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.slider-controls{gap:30px;margin-bottom:40px;padding:0 20px}.slider-controls,.slider-nav-btn{align-items:center;display:flex;justify-content:center}.slider-nav-btn{background:var(--bg-secondary);border:2px solid var(--text-dark);border-radius:50%;color:var(--text-dark);cursor:pointer;font-size:1.5rem;font-weight:700;height:50px;transition:all .3s ease;width:50px}.slider-nav-btn:hover{background-color:var(--accent);border-color:var(--accent);box-shadow:0 4px 15px #f4991a4d;color:#fff;transform:scale(1.05)}.slider-nav-btn:active{transform:scale(.95)}.slider-dots{align-items:center;display:flex;gap:12px}.slider-dot{background:var(--bg-secondary);border:2px solid var(--text-dark);border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s ease;width:12px}.slider-dot:hover{background:var(--text-dark);transform:scale(1.2)}.slider-dot.active{background:var(--accent);border-color:var(--accent);height:16px;width:16px}.slider-wrapper{cursor:grab;display:flex;overflow:hidden;padding:30px 0;position:relative;-webkit-user-select:none;user-select:none;width:100%}.slider-wrapper:active{cursor:grabbing}.slide{box-sizing:border-box;flex-shrink:0;padding:0 15px;width:min(500px,85vw)}.project-card-wrapper{height:100%;width:100%}.project-card{background:var(--bg-secondary);border:3px solid var(--text-dark);border-radius:16px;box-shadow:8px 8px 0 var(--text-dark);display:flex;flex-direction:column;gap:18px;height:100%;min-height:380px;padding:35px;position:relative;transition:all .4s ease}.project-card:before{background:var(--accent);border-radius:16px;bottom:-3px;content:"";left:-3px;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .4s ease;z-index:-1}.project-card:hover{box-shadow:12px 12px 0 var(--text-dark);transform:translate(-4px,-4px)}.project-card:hover:before{opacity:.15}.project-category{background:var(--accent);border-radius:20px;box-shadow:2px 2px 0 var(--text-dark);color:#fff;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:1px;padding:8px 18px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.project-title{color:var(--text-dark);font-size:clamp(1.6rem,3vw,2rem);font-weight:700;line-height:1.3;margin:0}.project-description{color:var(--text-dark);flex-grow:1;font-size:1.05rem;line-height:1.7;margin:0;opacity:.85}.project-link{align-items:center;background-color:var(--text-dark);border-radius:50px;box-shadow:3px 3px 0 var(--accent);color:var(--bg-base);display:inline-flex;font-size:1rem;font-weight:600;gap:10px;margin-top:auto;padding:14px 28px;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.project-link:hover{background-color:var(--accent);box-shadow:5px 5px 0 var(--text-dark);color:#fff;transform:translate(-2px,-2px)}.project-link:active{box-shadow:2px 2px 0 var(--text-dark);transform:translate(0)}@media (max-width:768px){.work2{padding:60px 15px}.work2 .section-title{font-size:2rem;margin-bottom:2rem}.slider-controls{gap:20px;margin-bottom:30px}.slider-nav-btn{font-size:1.3rem;height:45px;width:45px}.slider-dots{gap:10px}.slider-dot{height:10px;width:10px}.slider-dot.active{height:14px;width:14px}.slide{padding:0 12px;width:90vw}.project-card{box-shadow:6px 6px 0 var(--text-dark);min-height:340px;padding:28px 22px}.project-card:hover{box-shadow:9px 9px 0 var(--text-dark);transform:translate(-3px,-3px)}.project-title{font-size:1.6rem}.project-description{font-size:1rem}}@media (max-width:480px){.work2{padding:50px 10px}.work2 .section-title{font-size:1.8rem}.slider-controls{gap:15px}.slider-nav-btn{font-size:1.2rem;height:40px;width:40px}.slider-dots{gap:8px}.project-card{box-shadow:5px 5px 0 var(--text-dark);min-height:320px;padding:24px 18px}.project-card:hover{box-shadow:7px 7px 0 var(--text-dark);transform:translate(-2px,-2px)}.project-category{box-shadow:2px 2px 0 var(--text-dark);font-size:.75rem;padding:6px 14px}.project-link{box-shadow:2px 2px 0 var(--accent);font-size:.95rem;padding:12px 24px}.project-link:hover{box-shadow:4px 4px 0 var(--text-dark)}}@media (prefers-reduced-motion:reduce){.project-card,.project-link,.slider-dot,.slider-nav-btn,.slider-wrapper,.work2{animation:none;transition:none}.project-card:hover{transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.slider-dot.active{animation:pulse 2s ease-in-out infinite}@media (prefers-reduced-motion:reduce){.slider-dot.active{animation:none}}.contact{background-color:var(--bg-secondary);opacity:0;padding-bottom:0;transition:opacity .8s ease}.contact.fade-in{opacity:1}.contact-container{padding-bottom:60px}.contact-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1.5fr;margin-top:3rem}.contact-info h3{color:var(--text-dark);font-size:1.8rem;margin-bottom:1.5rem}.contact-info p{color:var(--text-dark);font-size:1.1rem;line-height:1.8;margin-bottom:2rem;opacity:.8}.social-links{display:flex;gap:20px;margin-top:2rem}.social-icon{align-items:center;background-color:var(--text-dark);border-radius:50%;color:var(--bg-base);display:flex;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.social-icon:hover{background-color:var(--accent);box-shadow:0 8px 20px #f4991a4d;transform:translateY(-5px)}.contact-form{background-color:var(--bg-base);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:40px}.form-group{margin-bottom:25px}.form-group input,.form-group textarea{background-color:initial;border:none;border-bottom:2px solid var(--text-dark);color:var(--text-dark);font-family:var(--main-font);font-size:1rem;opacity:.7;outline:none;padding:15px;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-dark);opacity:.5}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--accent);opacity:1}.form-group textarea{min-height:120px;resize:vertical}.submit-button{background-color:var(--accent);border:none;border-radius:50px;box-shadow:0 4px 15px #f4991a4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.submit-button:hover{background-color:#e08915;box-shadow:0 6px 25px #f4991a80;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{cursor:not-allowed}.submit-button:disabled,.submit-button:disabled:hover{background-color:#ccc;box-shadow:none;transform:none}.submit-status{border-radius:8px;font-weight:500;margin-top:20px;padding:12px;text-align:center}.submit-status.success{background-color:#d4edda;color:#155724}.submit-status.error{background-color:#f8d7da;color:#721c24}.footer{background-color:var(--text-dark);color:var(--bg-base);margin-top:60px;padding:30px 20px;text-align:center}.footer p{font-size:.95rem;opacity:.8}@media (max-width:968px){.contact-content{gap:40px;grid-template-columns:1fr}.contact-form{padding:30px}}@media (max-width:768px){.contact-info h3{font-size:1.5rem}.contact-info p{font-size:1rem}.social-links{justify-content:center}.contact-form{padding:25px}}@media (max-width:480px){.contact-form{padding:20px}.form-group input,.form-group textarea{font-size:.95rem}.submit-button{font-size:1rem;padding:14px}.social-icon{height:45px;width:45px}}
/*# sourceMappingURL=main.b98f2080.css.map*/