*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}:root{--bg-primary:#f4f2ee;--bg-secondary:#fff;--text-primary:#000000eb;--text-secondary:#000000a6;--text-headings:#000000eb;--accent-primary:#0a66c2;--accent-secondary:#004182;--border-color:#00000026;--shadow-color:#0000001a;--button-text:#fff;--home-bg:#e6f0f9;--home-text:var(--text-primary);--home-subtitle:var(--text-secondary);--skill-tag-bg:#00000014;--skill-tag-text:var(--text-secondary);--lang-switcher-bg:transparent;--lang-switcher-text:var(--text-secondary);--lang-switcher-border:var(--border-color);--lang-switcher-active-bg:var(--accent-primary);--lang-switcher-active-text:var(--button-text);--lang-switcher-active-border:var(--accent-primary);--max-page-width:1280px;--page-padding:1.5rem;interpolate-size:allow-keywords}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);grid-template-rows:auto 1fr auto;min-height:100dvh;font-family:ui-sans-serif,-apple-system,system-ui,Segoe UI,Helvetica,Apple Color Emoji,Arial,sans-serif,Segoe UI Emoji,Segoe UI Symbol;line-height:1.6;display:grid}html{min-height:100dvh}a{color:var(--accent-primary);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-secondary)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}input,textarea,button{font-size:inherit}main{display:flex}nav{background-color:var(--bg-secondary);box-shadow:0 1px 2px 0 var(--shadow-color);z-index:50;border-bottom:1px solid var(--border-color);padding:calc(var(--page-padding)/2)var(--page-padding);position:sticky;top:0}.nav-container{max-width:var(--max-page-width);justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;display:flex}.nav-sections{align-items:center;display:flex;position:relative}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-links a{color:var(--text-secondary);font-size:1.1rem}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-contact-btn{background-color:var(--accent-primary);color:var(--button-text);border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:background-color .3s}.nav-contact-btn:hover{background-color:var(--accent-secondary)}.mobile-menu-button{color:var(--text-secondary);display:flex}.mobile-menu-button svg{width:1.7rem;height:1.7rem;transition:transform .3s ease-in-out}.mobile-menu-button.open svg{transition:transform .3s ease-in-out;transform:rotate(45deg)}.page{width:100%;max-width:var(--max-page-width);padding:var(--page-padding);margin-left:auto;margin-right:auto}.home{background-color:var(--home-bg);color:var(--home-text);flex-flow:column;justify-content:center;place-items:center;max-width:none;min-height:100%;padding:0;display:flex}.home .home-title{text-align:center;margin-bottom:.75rem;font-family:Comfortaa,sans-serif;font-size:2.15rem;font-weight:700}.home .home-subtitle{color:var(--home-subtitle);text-align:center;margin-bottom:2rem;font-size:1.25rem}.home .home-img{border:4px solid var(--bg-secondary);width:9rem;height:9rem;box-shadow:0 4px 8px -2px var(--shadow-color);object-fit:cover;border-radius:9999px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;transition:filter .3s}.home .home-img:hover{filter:contrast(105%)saturate(105%)}.home .home-tagline{max-width:48rem;color:var(--home-subtitle);text-align:center;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem}.important-link{font-size:1.6rem;font-weight:600;display:inline-block}a,h1,h2,h3,h4,h5,h6{font-family:Raleway}section{margin-bottom:4rem}.section-title{text-align:center;color:var(--text-headings);margin-bottom:2rem;font-size:1.875rem;font-weight:700}.connect-with-me,.section-intro{color:var(--text-secondary);text-align:center;margin-bottom:1rem;font-size:1.125rem}.connect-with-me{margin-top:1rem}.card,.about-content,.skills-content,.contact-content{background-color:var(--bg-secondary);box-shadow:0 1px 3px 0 var(--shadow-color),0 1px 2px 0 var(--shadow-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;transition:box-shadow .3s}.about-content,.skills-content,.contact-content{max-width:42rem;margin-left:auto;margin-right:auto;padding:2rem}.contact-content{max-width:35rem}.card:hover{box-shadow:0 4px 6px -1px var(--shadow-color),0 2px 4px -1px var(--shadow-color)}.card-title{color:var(--text-headings);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.card-text{color:var(--text-secondary)}.about-content p{color:var(--text-primary);font-size:1.125rem;line-height:1.75}.about-content p br{content:"";margin-bottom:1rem;display:block}.services-grid{grid-template-columns:repeat(1,1fr);gap:2rem;display:grid}.service-card{text-align:center}.service-icon{color:var(--accent-primary);margin-bottom:1rem}.service-icon i{font-size:3rem}.skills-category{margin-bottom:1.5rem}.skills-category h3{color:var(--text-headings);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.skills-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{background-color:var(--skill-tag-bg);color:var(--skill-tag-text);border:1px solid #0000;border-radius:.375rem;padding:.35rem .85rem;font-size:.875rem;font-weight:500}.portfolio-grid{grid-template-columns:repeat(1,1fr);gap:2rem;display:grid}.portfolio-item{flex-flow:column;align-items:center;display:flex;overflow:hidden}.portfolio-image{object-fit:cover;border-bottom:1px solid var(--border-color);transition:opacity .3s}.portfolio-item:hover .portfolio-image{opacity:.85}.portfolio-content{padding:1.5rem}.portfolio-item h3{margin-bottom:.5rem}.portfolio-item p{color:var(--text-secondary);margin-bottom:1rem}.portfolio-link{color:var(--accent-primary);margin-right:1rem;font-weight:500}.portfolio-link:hover{color:var(--accent-secondary)}.form-group{margin-bottom:1.25rem}.form-group.last{margin-bottom:2rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-textarea{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:.375rem;padding:.75rem;transition:border-color .3s,box-shadow .3s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.8}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);background-color:var(--bg-secondary);outline:none;box-shadow:0 0 0 2px #0a66c24d}.form-textarea{resize:vertical;min-height:100px}.form-submit-button{background-color:var(--accent-primary);color:var(--button-text);border-radius:.375rem;padding:.75rem 2rem;font-size:1.125rem;font-weight:600;transition:background-color .3s;display:inline-block}.form-submit-button:hover{background-color:var(--accent-secondary)}.contact-direct{text-align:center;color:var(--text-secondary);margin-top:2rem}.contact-direct a{color:var(--accent-primary)}.contact-direct a:hover{text-decoration:underline}.contact-direct p:last-child{margin-top:.5rem}@media (max-width:767px){.nav-links{background-color:var(--bg-secondary);border-radius:0 0 .3rem .3rem;flex-flow:column;justify-content:space-around;align-items:baseline;gap:0;width:fit-content;height:0;transition-property:display,height;transition-duration:.3s;transition-timing-function:ease-in-out;display:none;position:absolute;top:2.7rem;right:0;overflow-y:hidden;box-shadow:0 0 1px #0000004d}.nav-links.open{height:auto;transition-property:display,height;transition-duration:.3s;transition-timing-function:ease-in-out;display:block}@starting-style{.nav-links.open{height:0}}.nav-links a{width:100%;padding:1rem;display:block}}@media (min-width:768px){.mobile-menu-button{display:none}.home{padding-top:8rem;padding-bottom:8rem}.home-img{width:11rem;height:11rem}.home-title{font-size:3.75rem}.home-subtitle{font-size:1.5rem}section{margin-bottom:6rem}.section-title{margin-bottom:3rem;font-size:2.25rem}.services-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.services-grid{grid-template-columns:repeat(4,1fr)}.portfolio-grid{grid-template-columns:repeat(3,1fr)}}.lucide{width:3rem;height:3rem}