:root{--color-primary:#304b3d;--color-secondary:#668675;--color-background:#e8ede6;--color-text:#1c2922;--color-sage:#d8ddd2;color:var(--color-text);background-color:var(--color-background);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}img{max-width:100%;height:auto}.hero{flex:1;min-width:0}.hero-image{border-radius:16px;width:100%;max-width:600px;height:auto}.hero-section{justify-content:space-between;align-items:center;gap:40px;min-height:auto;padding:70px 10% 80px;display:flex}.hero-text{flex:1;min-width:0}.hero-text h1{color:var(--color-primary);margin-bottom:16px;font-size:clamp(2.5rem,5vw,4.5rem)}.hero-text h2{color:var(--color-secondary);margin-bottom:16px;font-size:1.4rem}.hero-greeting{letter-spacing:4px;color:var(--color-secondary);margin-bottom:8px;font-size:.875rem;font-weight:600}.hero-text p:not(.hero-greeting){max-width:520px;margin-top:16px;font-size:1.05rem;line-height:1.7}@media (width<=768px){.hero-section{flex-direction:column;align-items:stretch;gap:32px;padding:40px 20px}.hero-text{width:100%}.hero-image{width:100%;max-width:100%}}.code-canvas{width:100%;height:100%;display:block}@media (width<=768px){.code-canvas{height:300px}}.code-wave{background-color:#091510;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:350px;display:flex;overflow:hidden}.code-wave code{color:#9fe6b8;font-family:monospace;animation:1s ease-in-out infinite floatCode;display:inline-block}@keyframes floatCode{0%{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (prefers-reduced-motion:reduce){.code-wave code{animation:none}}@media (width<=768px){.code-wave{height:220px}}.projects{text-align:center;background-color:#c5d0c3;padding:80px 8%}.projects h2{color:#173e30;margin-bottom:16px;font-size:2.5rem}.projects p{color:#52645a;font-size:1rem}.projects-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;display:grid}.project-card{text-align:left;background-color:#fff;border:1px solid #dce5dc;border-radius:16px;padding:0;transition:transform .3s,box-shadow .3s;overflow:hidden}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #173e301a}.project-card h3{color:var(--color-primary);margin-bottom:12px;font-size:1.3rem}.project-card p{color:#52645a;margin-bottom:16px;font-size:.95rem;line-height:1.6}.project-card span{color:#61ad81;font-size:.85rem;font-weight:600}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.projects{padding:60px 6%}}.project-links{flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px;display:flex}.project-links a{color:#fff;background-color:#173e30;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.85em;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-flex}.project-links a:hover{background-color:#2d6248}.project-links a:focus-visible{outline-offset:3px;outline:2px solid #173e30}.project-image{object-fit:cover;width:100%;height:200px;display:block}.project-content{padding:28px}.about{background-color:var(--color-sage);padding:70px 8%}.about-container{grid-template-columns:1.5fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.about-label{color:var(--color-secondary);letter-spacing:2px;font-size:.8rem;font-weight:700}.about-text h2{color:var(--color-primary);margin:18px 0 24px;font-size:2.5rem;line-height:1.2}.about-text p{color:var(--color-text);margin-bottom:16px;font-size:1rem;line-height:1.8}.about-strengths{background-color:var(--color-sage);border-radius:16px;padding:36px}.about-strengths h3{color:var(--color-primary);margin-bottom:24px;font-size:1.4rem}.strength-item{color:var(--color-text);border-bottom:1px solid var(--color-secondary);align-items:center;gap:14px;padding:14px 0;display:flex}.strength-item svg{color:var(--color-primary);flex-shrink:0}.strength-item:last-child{border-bottom:none}@media (width<=768px){.about{padding:60px 6%}.about-container{grid-template-columns:1fr;gap:32px}.about-text h2{font-size:2rem}}.skills-section{background-color:var(--color-background);padding:80px 8%}.skills-container{max-width:1200px;margin:0 auto}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;display:grid}.skills-label{color:var(--color-secondary);letter-spacing:2px;font-size:.8rem;font-weight:700}.skills-container h2{color:var(--color-primary);margin:16px 0;font-size:2.5rem}.skills-intro{color:var(--color-text);max-width:600px;line-height:1.7}.skill-card{background-color:#fff;border:1px solid #304b3d14;border-radius:16px;padding:32px}.skill-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #304b3d1a}.skill-card h3{color:var(--color-primary);margin-bottom:24px;font-size:1.3rem}.skill-card-heading{color:var(--color-primary);align-items:center;gap:12px;margin-bottom:24px;display:flex}.skill-card-heading h3{margin-bottom:0}.skill-tags{flex-wrap:wrap;gap:10px;display:flex}.skill-tag{background-color:var(--color-background);color:var(--color-primary);border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:500}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.skills-section{padding:60px 6%}.skills-grid{grid-template-columns:1fr}.skills-container h2{font-size:2rem}}.contact-section{background-color:var(--color-background);text-align:center;padding:100px 8%}.contact-container{max-width:700px;margin:0 auto}.contact-label{color:var(--color-secondary);letter-spacing:2px;font-size:.8rem;font-weight:700}.contact-container h2{color:var(--color-primary);margin:18px 0 24px;font-size:clamp(2rem,4vw,3rem)}.contact-intro{color:var(--color-text);margin-bottom:32px;font-size:1rem;line-height:1.8}.contact-button{background-color:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-weight:600;text-decoration:none;transition:background-color .3s,transform .2s;display:inline-flex}.contact-button:hover{background-color:var(--color-secondary);transform:translateY(-3px)}.contact-socials{flex-wrap:wrap;justify-content:center;gap:28px;margin-top:32px;display:flex}.contact-socials a{color:var(--color-primary);align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.contacts-socials a:hover{color:var(--color-secondary)}@media (width<=600px){.contact-section{padding:70px 6%}.contact-socials{gap:20px}}.footer{background-color:var(--color-primary);color:#fff;text-align:center;padding:24px 8%}.footer p{opacity:.8;margin:0;font-size:.9rem}