body,h1,h2,h3,h4,h5,h6,.navbar a,.navbar a:focus {font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
body::before {background-size:cover}
#header {min-height:70vh;height:auto;padding:5rem 0 3rem;overflow:visible}
#header h1 {font-size:clamp(2rem,5vw,3.25rem);line-height:1.2}
#header h2 {line-height:1.5}
.hero-summary {max-width:42rem;margin-top:1.5rem;color:#ddd}
.hero-actions {display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.cta {display:inline-block;background:#18d26e;color:#061c10;padding:.8rem 1.2rem;border-radius:.4rem;font-weight:700}
.cta:hover {color:#061c10;background:#55e598}
.cta-secondary {background:transparent;border:1px solid #18d26e;color:#fff}
section,section.section-show {position:relative;top:auto;bottom:auto;opacity:1;padding:1.5rem 0;overflow:visible;scroll-margin-top:1rem}
section .container {border-radius:.6rem}
.navbar {flex-wrap:wrap}
.navbar ul {flex-wrap:wrap;gap:1.2rem}
.navbar li+li {margin-left:0}
.mobile-nav-toggle {background:#111;color:#fff;border:1px solid #666;border-radius:.3rem;padding:.5rem}
.progress {height:auto!important;display:block!important;margin:.6rem 0!important;padding:.5rem .8rem!important;background:#161616!important;color:#fff}
.progress .skill {display:block;font-size:1rem;line-height:1.5}
.project-card {border:1px solid #444;border-radius:.5rem;padding:1.5rem;max-width:55rem}
.project-card p {line-height:1.8}
.contact label {display:block;margin-bottom:.4rem;color:#fff}
.form-trap {position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.skip-link {position:fixed;top:-10rem;left:1rem;z-index:9999;padding:1rem;background:#fff;color:#111}
.skip-link:focus {top:1rem}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible {outline:3px solid #ffdf70!important;outline-offset:4px}
@media(max-width:991px){#header .container {align-items:flex-start} .navbar {width:100%}.navbar ul {display:flex}.js .navbar:not(.navbar-mobile) ul {display:none}.navbar-mobile {position:relative;inset:auto;background:transparent;padding-top:3rem}.navbar-mobile ul {position:static;display:flex;flex-direction:column;align-items:flex-start;background:#111;padding:1rem;width:100%;overflow:visible}.mobile-nav-toggle {position:absolute;right:0;top:0}.hero-actions {gap:.75rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html,body{background-color:#040404}body::before{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.8)),url("../img/bg.webp")} .cta,.section-title p,h1,h2,h3,h4,.skill{overflow-wrap:anywhere;max-width:100%}.hero-actions>a{min-width:0}.row>*{min-width:0}.contact .info-box>i.bi{color:#18d26e;font-size:28px;float:left}.contact .info-box h3{color:#ddd}