:root{--primary-indigo: #4D47BD;--dark-indigo: #423DA2;--light-indigo: #5B55C9;--indigo-subtle: rgba(77, 71, 189, .08);--indigo--shadow: 0 4px 14px rgba(77, 71, 189, .25);--bg-primary: #fff;--bg-secondary: color(display-p3 .980392 .984314 .992157);--text-primary: color(display-p3 .117647 .160784 .231373 / 1);--text-secondary: #64748b;--text-light: #94a3b8;--soft-red:#d35555;--border-light: rgba(30, 41, 59, .08);--shadow-light: rgba(0, 0, 0, .04) 0 5px 10px;--shadow-medium: rgba(0, 0, 0, .08) 0 5px 10px;--shadow-indigo: rgba(77, 71, 189, .4) 0 5px 10px;--main-typo: "Inter";--border-radius-sm: .2rem;--border-radius-md: .5rem;--border-radius-lg: .8rem;--border-radius-round: 100%;--gradient-indigo:linear-gradient(135deg, var(--text-primary) 0%, var(--primary-indigo) 100%);--gradient-indigo-light:linear-gradient(135deg, var(--dark-indigo) 0%, #756efa 100%);--gradient-text-white:linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);--gradient-white: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 30%);--animation-fadeInUp: fadeInUp .8s ease-in-out forwards;--animation-fadeIn: fadeIn 1s ease-in-out forwards;--animation-floating: floating 5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased;color:var(--text-primary)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}#root,#__next{isolation:isolate}body{font-family:var(--main-typo),-apple-system,BlinkMacSystemFont,sans-serif}#main-content{overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom)}.main-gradient{background-image:var(--gradient-indigo);background-size:100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub-gradient{background-image:var(--gradient-text-white);background-size:100% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-h1{font-size:5rem;opacity:0;text-align:center}.main-h1:not(.hidden){animation:var(--animation-fadeInUp)}.main-h2{font-size:3rem;text-align:center;color:var(--primary-indigo);text-shadow:0 4px 14px rgba(77,71,189,.25);opacity:0;z-index:5}.main-h2:not(.hidden){animation:var(--animation-fadeInUp)}.sub-h2{font-size:3rem;text-align:center;color:var(--primary-indigo);opacity:0;z-index:5}.sub-h2:not(.hidden){animation:var(--animation-fadeIn)}.main-p{color:var(--text-secondary);text-align:center;font-weight:500;opacity:0}.main-p:not(.hidden){animation:var(--animation-fadeInUp)}.sub-p{color:var(--text-secondary);text-align:center;font-weight:500;opacity:0}.sub-p:not(.hidden){animation:var(--animation-fadeIn)}.label{font-weight:700}.input,.textarea{border-radius:var(--border-radius-md);padding:.5rem;font-size:1rem;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-light);border:var(--indigo-subtle) 2px solid;transition:border .2s,box-shadow .2s}.input:focus,.input:focus-visible,.textarea:focus,.textarea:focus-visible{border:var(--primary-indigo) 2px solid;outline:none;box-shadow:var(--shadow-indigo)}.input:-webkit-autofill,.textarea:-webkit-autofill{background-color:var(--indigo-subtle)!important;-webkit-text-fill-color:var(--text-secondary)}.textarea{resize:none}@media (max-width: 1024px){.main-h1{font-size:3.8rem}}@media (max-width: 768px){.main-h1{font-size:3rem}.main-h2{font-size:2.4rem}}.button{padding:.8rem 2rem;border-radius:var(--border-radius-md);border:none;background:none;cursor:pointer;font-weight:600;transition:all .3s ease;text-decoration:none;text-align:center}.button:disabled{cursor:default;filter:grayscale(50%)}.button--primary{background-color:var(--primary-indigo);color:#fff;box-shadow:var(--indigo--shadow)}.button--secondary{border:1px solid var(--border-light)}@media (hover: hover){.button--primary:hover:not(:disabled){background-color:var(--dark-indigo);box-shadow:0 8px 25px #4d47bd59;transform:translateY(-2px)}.button--secondary:hover:not(:disabled){border-color:var(--primary-indigo);color:var(--primary-indigo);transform:translateY(-2px);box-shadow:0 4px 14px #4d47bd26}}#header{position:fixed;width:100%;padding:1.5rem 0;z-index:10;top:0;background-color:var(--bg-primary);border-bottom:1px solid var(--border-light)}#header .header-nav{display:flex;justify-content:space-between;align-items:center}#header .header-nav a{margin:0 2rem;text-decoration:none}#header .header-nav .link-main{color:var(--primary-indigo);font-weight:900;font-size:1.9rem;display:flex;gap:.6rem;align-items:center}#header .header-nav .link-main .header-logo{background:var(--gradient-indigo-light);fill:#fff;color:#fff;padding:.4rem;border-radius:var(--border-radius-lg);width:50px;height:50px;flex-shrink:0}#header .header-nav .header-content.active{display:flex}#header .header-nav .header-content .link-sub{color:var(--text-secondary);font-weight:500;font-size:1.2rem;padding:1rem;border-radius:var(--border-radius-md);transition:color .2s ease-in-out,background-color .2s ease-in-out}#header .header-nav .header-content .link-sub:hover{color:var(--primary-indigo);background-color:var(--indigo-subtle)}#header .header-nav .header-burger{display:none}#header .header-nav .header-burger>svg{flex-shrink:0;color:var(--text-secondary)}@media (max-width: 1024px){#header .header-nav .header-content{display:none;position:absolute;top:100%;background-color:var(--bg-primary);width:100%;justify-content:center;z-index:9;border-bottom:1px solid var(--border-light);animation:fadeInDown .3s ease-in-out forwards}#header .header-nav .link-main{font-size:1.5rem}#header .header-nav .link-main .header-logo{width:40px;height:40px}#header .header-nav .header-burger{align-items:center;margin:0 2rem;height:40px;width:40px;padding:.2rem;display:flex}#header .header-nav .header-burger>svg{height:inherit;width:inherit}}@media (max-width: 768px){#header .header-nav .header-content{flex-direction:column}#header .header-nav .header-content .link-sub{text-align:center}}#hero{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh}#hero .hero-actions{margin-top:3rem;display:flex;gap:1rem}@media (max-width: 1024px){#hero{padding:2rem}}@media (max-width: 480px){.hero-actions{flex-direction:column;width:100%}}#tools-mastered{position:relative;height:100svh;background-color:var(--bg-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}#tools-mastered .main-h2{padding:.2rem;border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#tools-mastered .tool-wrapper{position:absolute;transition:transform .3s ease;border-radius:var(--border-radius-lg);will-change:transform;animation:fadeIn 1s ease-in-out forwards;align-items:center;justify-content:center;display:flex;flex-direction:column}#tools-mastered .tool-wrapper:hover{transform:scale(1.2)}#tools-mastered .tool-wrapper:hover .tool-tip{opacity:1}#tools-mastered .tool-wrapper .tool-icon{height:50px;width:50px;border-radius:var(--border-radius-lg);display:block;animation:floating 5s ease-in-out infinite}#tools-mastered .tool-wrapper .tool-tip{display:block;animation:floating 5s ease-in-out infinite;font-weight:700;font-size:1.2rem;text-transform:capitalize;opacity:0;transition:opacity .3s ease}@media (max-width: 768px){#tools-mastered{padding:2rem}#tools-mastered .tool-wrapper .tool-icon{width:40px;height:40px;border-radius:var(--border-radius-md)}#tools-mastered .tool-wrapper .tool-tip{font-size:1rem}}@media (max-width: 480px){#tools-mastered{padding:1rem}#tools-mastered .tool-wrapper .tool-icon{width:30px;height:30px}#tools-mastered .tool-wrapper .tool-tip{font-size:.8rem}}#skills{padding-top:6rem;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:3rem}#skills #skills-cards{display:flex;flex-wrap:wrap;padding:3rem 4rem 4rem;justify-content:center}#skills #skills-cards .skill-card{margin:2rem;width:500px;border:1px solid var(--border-light);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-medium);opacity:0}#skills #skills-cards .skill-card:not(.hidden){animation:var(--animation-fadeInUp)}#skills #skills-cards .skill-card .skill-card-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}#skills #skills-cards .skill-card .skill-card-head .skill-card-icon{width:50px;height:50px;border-radius:var(--border-radius-lg)}#skills #skills-cards .skill-card .skill-card-content>p{color:var(--text-light)}@media (max-width: 768px){#skills #skills-cards{padding:3rem 1rem 1rem}#skills #skills-cards .skill-card{width:100%}}@media (max-width: 480px){#skills #skills-cards .skill-card{margin:1rem 0}#skills #skills-cards .skill-card .skill-card-head .skill-card-icon{width:40px;height:40px;border-radius:var(--border-radius-md)}}#project-examples{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 0;background-color:var(--bg-secondary)}#project-examples .projects-cards{display:flex;flex-wrap:wrap;padding:3rem 6rem 6rem;justify-content:center}#project-examples .projects-cards .project-card{margin:2rem;width:800px;border:1px solid var(--border-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-medium);overflow:hidden;opacity:0}#project-examples .projects-cards .project-card:not(.hidden){animation:var(--animation-fadeInUp)}#project-examples .projects-cards .project-card .project-card-head .main-h3{padding:2rem;font-size:1.6rem;color:var(--text-primary)}#project-examples .projects-cards .project-card .project-card-head .project-card-icon{display:none}#project-examples .projects-cards .project-card .project-card-content{padding:0 2rem}#project-examples .projects-cards .project-card .project-card-content .project-card-p{color:var(--text-secondary);margin-bottom:1rem;font-weight:500}#project-examples .projects-cards .project-card .project-card-links{display:flex;gap:2rem;justify-content:flex-end;padding:2rem}@media (max-width: 1024px){#project-examples .projects-cards{padding:3rem 4rem 4rem;width:100%}}@media (max-width: 768px){#project-examples .projects-cards{padding:3rem 1rem 1rem}#project-examples .projects-cards .project-card{margin:2rem 1rem}#project-examples .projects-cards .project-card .project-card-head{padding:1rem;display:flex;align-items:center}#project-examples .projects-cards .project-card .project-card-head .main-h3{padding:1rem}#project-examples .projects-cards .project-card .project-card-head .project-card-icon{display:block;width:70px;height:70px;border-radius:var(--border-radius-lg)}#project-examples .projects-cards .project-card .project-card-head .project-card-illustration{display:none}}@media (max-width: 554px){#project-examples .projects-cards .project-card .project-card-links{flex-direction:column;gap:1rem}}@media (max-width: 480px){#project-examples .projects-cards .project-card{margin:1rem 0}#project-examples .projects-cards .project-card .project-card-content{padding:0 1rem}#project-examples .projects-cards .project-card .project-card-head{flex-direction:column;text-align:center}#project-examples .projects-cards .project-card .project-card-head .main-h3{padding:0 1rem}}#contact{min-height:100svh;position:relative;background-color:var(--bg-secondary);display:grid;overflow:hidden}#contact .contact-wrapper{padding:6rem 1rem;background-color:var(--text-primary);transform:translateY(100%);border-radius:100% 100% 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center}#contact .contact-wrapper>*{max-width:100vw}#contact .contact-wrapper .contact-form{min-width:500px;margin-top:3rem;display:flex;flex-direction:column;gap:1rem;padding:3rem;background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);opacity:0;z-index:5}#contact .contact-wrapper .contact-form:not(.hidden){animation:var(--animation-fadeIn)}#contact .contact-wrapper .contact-form .contact-form-element{display:flex;flex-direction:column;gap:.2rem}#contact .contact-wrapper .contact-form #submit-contact-form{display:flex;justify-content:center;align-items:center;gap:1rem}#contact .contact-wrapper .contact-form #submit-contact-form>svg{flex-shrink:0;color:#fff;width:25px;height:25px;animation:rotate 1s linear infinite}#contact .contact-wrapper .contact-form .info-box{display:flex;gap:.4rem;align-items:center;justify-content:center;padding:.5rem;font-weight:500}#contact .contact-wrapper .contact-form .info-box>svg{flex-shrink:0;width:35px;height:35px}#contact .contact-wrapper .contact-form .info-box.info-box-success>svg{color:var(--primary-indigo)}#contact .contact-wrapper .contact-form .info-box.info-box-error>svg{color:var(--soft-red)}@media (max-width: 549px){#contact .contact-wrapper .contact-form{min-width:0;width:87vw}}@media (max-width: 480px){#contact .contact-wrapper .contact-form{padding:2rem 1rem}}