:root{--bg-main: #F8F0E3;--medium-beige: #F3E5CF;--green-card: #BBCB97;--green-dark: #6C7E59;--green-darkest: #4e5b3f;--accent-red: #8A2519;--accent-red-hover: #6b180f;--text-main: #000000;--border-strong: #000000;--radius-lg: 22px}@font-face{font-family:ComfortaaCustom;src:url(/assets/Comfortaa-Regular-CoLRFSqz.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SundayMilk;src:url(/assets/SundayMilk-C2gEOw9s.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box}body{margin:0;font-family:ComfortaaCustom;background:var(--bg-main);color:var(--text-main)}h1{font-size:2.4rem;margin-bottom:1.5rem;font-family:SundayMilk}h2{font-size:1.6rem;margin-bottom:1rem;font-family:SundayMilk}h3{font-size:1.2rem;margin-bottom:.8rem;font-family:SundayMilk}p{line-height:1.65;margin-bottom:1rem}section{margin-bottom:5rem}.page-title{margin-bottom:2.5rem}.card-block{background:var(--green-card);border:2px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.6rem;box-shadow:4px 4px 0 var(--border-strong);height:100%;transition:transform .15s ease}.card-small{padding:1.2rem}.btn-primary,.btn-secondary{border:2px solid var(--border-strong);border-radius:18px;padding:.7rem 1.6rem;display:flex;font-weight:600;box-shadow:4px 4px 0 var(--border-strong);transition:all .1s ease;cursor:pointer;font-family:ComfortaaCustom}.btn-primary{background:var(--accent-red);color:#fff;width:180px;height:56px;display:flex;align-items:center;justify-content:center}.btn-secondary{background:#fff;color:var(--text-main)}.btn-primary:hover,.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border-strong)}.layout{min-height:100vh}.content{max-width:1000px;margin:0 auto;padding:2rem 2rem 4rem}.header{width:100%;padding:2.5rem 0 1rem}.nav-container{width:70%;max-width:1200px;margin:0 auto;background:var(--medium-beige);border:2px solid var(--border-strong);border-radius:20px;padding:.5rem 3rem;display:flex;justify-content:space-around;align-items:center;box-shadow:4px 4px 0 var(--border-strong)}.nav-container a{text-decoration:none;color:var(--text-main);padding:.6rem 1rem;border-radius:16px;font-weight:500;transition:all .1s ease}.nav-container a.active{background:var(--accent-red);color:#fff;border:2px solid var(--border-strong);box-shadow:4px 4px 0 var(--border-strong)}.nav-container a:hover{transform:translate(-1px,-1px)}.nav-divider{font-size:.8rem;opacity:.6}.header{width:100%;padding:2rem 0 1rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.site-title{font-family:SundayMilk;font-size:3.5rem;font-weight:900;margin:0;text-align:center}.home{padding-top:1rem}.home-hero{display:grid;grid-template-columns:320px 1fr;gap:3rem;align-items:start}.home-illustration img{width:100%;max-width:320px}.home-content{display:flex;flex-direction:column}.speech-bubble{background:var(--green-card);border:2px solid var(--border-strong);border-radius:26px;padding:1rem 2rem 2rem;position:relative;box-shadow:4px 4px 0 var(--border-strong)}.speech-bubble p{margin-bottom:.7rem}.speech-bubble p:last-child{margin-bottom:0}.speech-bubble h2{font-size:2rem;margin-bottom:1rem}.speech-bubble:before{content:"";position:absolute;left:-40px;top:80px;width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-right:40px solid var(--green-card)}.speech-bubble:after{content:"";position:absolute;left:-44px;top:78px;width:0;height:0;border-top:32px solid transparent;border-bottom:32px solid transparent;border-right:44px solid var(--border-strong);z-index:-1}.home-buttons{display:flex;gap:2rem;margin-top:3rem;justify-content:center}.projects-page{display:flex;flex-direction:column;gap:3rem}.projects-intro{padding:2rem}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.project-card{background:var(--green-dark);border:2px solid var(--border-strong);border-radius:24px;padding:1.5rem;box-shadow:4px 4px 0 var(--border-strong);cursor:pointer;transition:all .15s ease;text-align:center}.project-card:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--border-strong)}.project-thumbnail{height:180px;width:100%;border-radius:18px;margin-bottom:1rem}.project-thumbnail img{height:100%;width:100%;object-fit:contain}.project-card h3{color:#fff;font-size:1.1rem}.projects-cta{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.projects-cta-box{background:var(--medium-beige);border:2px solid var(--border-strong);border-radius:20px;padding:1.5rem 2.5rem;text-align:center;box-shadow:4px 4px 0 var(--border-strong)}.project-detail-page{display:flex;flex-direction:column;gap:3rem}.project-main-box{background:var(--green-card);border:2px solid var(--border-strong);border-radius:32px;padding:2.5rem;box-shadow:4px 4px 0 var(--border-strong)}.project-bottom-section{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:stretch}.project-image-card{position:relative;background:var(--green-dark);border:2px solid var(--border-strong);border-radius:32px;padding:2rem;box-shadow:4px 4px 0 var(--border-strong);display:flex;flex-direction:column;align-items:center}.project-image-card img{width:100%;border-radius:20px;margin-bottom:1rem}.project-image-caption{font-weight:600}.project-tools-card{background:var(--green-card);border:2px solid var(--border-strong);border-radius:32px;padding:2.5rem;box-shadow:4px 4px 0 var(--border-strong);display:grid;grid-template-columns:1fr 160px;gap:2rem;align-items:center}.project-tools-text{flex:1}.project-tools-right{display:flex;flex-direction:column;align-items:center;gap:.8rem}.project-tool-icon{width:80px;height:80px;background:var(--green-dark);border:2px solid var(--border-strong);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 0 var(--border-strong)}.project-tool-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.project-tool-icon img{width:45px;height:auto}.project-cta{display:flex;flex-direction:column;align-items:center;gap:2rem}.project-cta-box{max-width:900px;background:#e8d7bd;border:2px solid var(--border-strong);border-radius:28px;padding:1.5rem 2.5rem;text-align:center;box-shadow:4px 4px 0 var(--border-strong)}.image-slider{aspect-ratio:1 / 1;position:relative;width:100%}.image-slider img{width:100%;height:335px;object-fit:contain;background-color:var(--green-darkest);border-radius:20px;display:block}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:5rem;cursor:pointer;color:#fff}.arrow.left{left:.1rem}.arrow.right{right:.1rem}.about-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:2rem;align-items:start}.about-main{grid-column:1 / span 16;grid-row:1 / span 8}.about-image{background:var(--green-dark)!important;grid-column:17 / span 6;grid-row:1 / span 5;padding:1.5rem 1.5rem 5rem}.about-skills{grid-column:1 / span 10;grid-row:9 / span 6}.about-roots{grid-column:1 / span 10;grid-row:15 / span 5}.about-work{grid-column:17 / span 6;grid-row:6 / span 8}.about-progress{grid-column:11 / span 6;grid-row:9 / span 11}.about-else{grid-column:17 / span 6;grid-row:14 / span 6}.about h2{font-size:1.8rem}.about h3{font-size:1.4rem;margin-bottom:.8rem}.about ul{padding-left:1.2rem}.about li{margin-bottom:.6rem}.image-placeholder{width:100%;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden}.image-placeholder img{width:100%;height:100%;object-fit:cover;display:block}.about-cta{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.about-cta-box{background:var(--medium-beige);border:2px solid var(--border-strong);border-radius:20px;padding:1.5rem 2.5rem;text-align:center;max-width:520px;box-shadow:4px 4px 0 var(--border-strong)}.about-cta .btn-primary{padding:1rem 3rem;font-size:1.1rem;box-shadow:4px 4px 0 var(--border-strong)}.contact-page{display:flex;flex-direction:column;gap:3rem}.contact-intro{width:100%;max-width:1100px;margin:0 auto;padding:2rem}.contact-form-card{width:100%;max-width:850px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.contact-input{width:100%;background:var(--bg-main);border:2px solid var(--border-strong);border-radius:20px;padding:1.3rem 1.6rem;font-size:1rem;font-family:inherit;box-shadow:4px 4px 0 var(--border-strong)}.contact-textarea{width:100%;background:var(--bg-main);border:2px solid var(--border-strong);border-radius:20px;padding:1.5rem 1.5rem 4.5rem;font-size:1rem;font-family:inherit;resize:none;min-height:280px;box-shadow:4px 4px 0 var(--border-strong)}.contact-button-wrapper{display:flex;justify-content:flex-end}.message-wrapper{position:relative;width:100%}.send-inside{position:absolute;bottom:1.2rem;right:1.2rem}.contact-button-wrapper .btn-primary{margin-top:.5rem}.contact-cta{display:flex;flex-direction:column;align-items:center;gap:2rem}.contact-cta-box{max-width:1000px;margin:0 auto;background:var(--medium-beige);border:2px solid var(--border-strong);border-radius:20px;padding:1.5rem 2.5rem;text-align:center;box-shadow:4px 4px 0 var(--border-strong)}.socials-page{display:flex;flex-direction:column;gap:3rem}.socials-intro{max-width:1100px;margin:0 auto;padding:2rem}.socials-icons{display:flex;justify-content:center;gap:4rem}.social-icon-card{width:160px;height:160px;background:var(--green-dark);border:2px solid var(--border-strong);border-radius:32px;box-shadow:4px 4px 0 var(--border-strong);display:flex;align-items:center;justify-content:center}.social-icon-card img{width:70px;height:auto}.socials-buttons{display:flex;justify-content:center;gap:4rem}.socials-cta{display:flex;flex-direction:column;align-items:center;gap:2rem}.socials-cta-box{max-width:900px;background:var(--medium-beige);border:2px solid var(--border-strong);border-radius:20px;padding:1.5rem 2.5rem;text-align:center;box-shadow:4px 4px 0 var(--border-strong)}@media(max-width:900px){section{margin-bottom:4rem}.home-new{flex-direction:column;text-align:center;gap:3rem}.about-grid{grid-template-columns:1fr}.about-grid>*{grid-column:auto!important;grid-row:auto!important;margin-top:0!important}.project-detail-layout{grid-template-columns:1fr}.nav-container{flex-direction:column;gap:.8rem}.project-bottom-section{grid-template-columns:1fr}.project-tools-card{flex-direction:column}.home-hero{grid-template-columns:1fr;text-align:center}.home-illustration img{margin:0 auto}.project-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:1fr}.socials-icons,.socials-buttons{flex-direction:column;gap:2rem}}