*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{min-width:320px;color:var(--color-text);margin:0;font-family:Google Sans,Google Sans Text,Arial,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{color:var(--color-title);margin-top:0;font-weight:600}h1{margin-bottom:var(--space-m);letter-spacing:-.025em;font-size:clamp(2.25rem,5vw,3.5rem);line-height:1.1}h2{margin-bottom:var(--space-l);letter-spacing:-.015em;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2}h3{margin-bottom:var(--space-s);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.3}p{max-width:var(--reading-width);margin-top:0;margin-bottom:var(--space-m)}.lead{max-width:680px;color:var(--color-text-muted);font-size:1.125rem}strong{color:var(--color-title)}a{color:var(--color-primary);text-underline-offset:3px}a:hover{color:var(--color-secondary)}:root{--color-primary:#1e4e79;--color-secondary:#4682b4;--color-background:#fff;--color-surface:#f7f9fc;--color-surface-strong:#eef4f9;--color-text:#1f2937;--color-text-muted:#5b6573;--color-title:#0f172a;--color-white:#fff;--color-border:#0f172a26;--color-border-strong:#1e4e794d;--color-success:#16803c;--color-error:#b42318;--shadow-sm:0 1px 3px #0f172a0f;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--space-2xs:8px;--space-xs:10px;--space-s:13px;--space-m:16px;--space-l:20px;--space-xl:25px;--space-2xl:31px;--space-3xl:39px;--space-4xl:49px;--content-width:1120px;--reading-width:760px;--header-space:var(--space-s);--btn-space:var(--space-xs) var(--space-s);--card-space:var(--space-s);--footer-space:var(--space-s) var(--space-m)}body{background:radial-gradient(circle at top center, #4682b42e, transparent 55%), var(--color-background)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2a9fd659}ul{padding-left:1.25rem}ul li+li{margin-top:var(--space-2xs)}time{color:var(--color-text-muted);font-size:.9rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}header{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;position:relative}header>*{padding-block:var(--header-space)}header nav ul{justify-content:flex-start;align-items:stretch;gap:var(--space-xs) var(--space-m);flex-flow:wrap;margin:0;padding:0;list-style:none;display:flex}header nav li{margin:0}header nav a{font-weight:500;text-decoration:none}header nav a:hover{text-decoration:underline}main,header>*,footer>*{width:min(100% - 2 * var(--space-m), var(--content-width));margin-inline:auto}main{overflow:hidden}section{padding-block:var(--space-3xl);border-top:1px solid var(--color-border)}section:first-child{border-top:0}section>:last-child{margin-bottom:0}.projects,.skills{gap:var(--space-m);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.projects>article,.skills>article{height:100%}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}aside{padding:var(--space-m);background:var(--color-surface);border-left:3px solid var(--color-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0}footer{margin-top:var(--space-3xl);border-top:1px solid var(--color-border);background:var(--color-surface)}footer>*{padding-block:var(--footer-space)}footer p{margin-bottom:var(--space-2xs)}footer p:last-child{margin-bottom:0}button{padding:var(--btn-space);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-white);font:inherit;text-align:center;cursor:pointer;font-weight:500;line-height:1.2;text-decoration:none;transition-property:background-color,border-color,transform;transition-duration:.16s;transition-timing-function:ease;display:inline-block}button:hover{color:var(--color-white);background:#173e60;border-color:#173e60}button:active{transform:translateY(1px)}.btn-secondary{color:var(--color-primary);background:0 0}.btn-secondary:hover{background:var(--color-surface-strong);color:var(--color-primary)}.btn-primary{color:#fff;background-color:#1e4e79;border-color:#1e4e79}.btn-primary:hover{color:#fff;background-color:#173e60;border-color:#173e60}.btn-secondary{color:#fff;background-color:#4682b4;border-color:#4682b4}.btn-secondary:hover{color:#fff;background-color:#173e60;border-color:#173e60}.btn-success{color:#fff;background-color:#16803c;border-color:#16803c}.btn-success:hover{color:#fff;background-color:#173e60;border-color:#173e60}.btn-error{color:#fff;background-color:#b42318;border-color:#b42318}.btn-error:hover{color:#fff;background-color:#173e60;border-color:#173e60}article{background:#ffffffdb;border:1px solid #0f172a26;border-radius:6px;padding:13px;box-shadow:0 1px 3px #0f172a0f}form{max-width:720px}form fieldset{padding:var(--space-l);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0}form fieldset legend{padding-inline:var(--space-2xs);color:var(--color-title);font-weight:600}form label{margin-bottom:var(--space-2xs);color:var(--color-title);font-weight:500;display:block}form input,form textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-white);width:100%;color:var(--color-text);font:inherit;padding:10px 12px;line-height:1.4}form input::placeholder,form textarea::placeholder{color:#7a8491}form input:invalid:not(:placeholder-shown),form textarea:invalid:not(:placeholder-shown){border-color:var(--color-error)}form input:valid:not(:placeholder-shown),form textarea:valid:not(:placeholder-shown){border-color:var(--color-success)}form textarea{resize:vertical;min-height:140px}form .form-group+.form-group{margin-top:var(--space-m)}form .form-actions{gap:var(--space-s);margin-top:var(--space-l);flex-wrap:wrap;display:flex}img{max-width:100%;height:auto;display:block}figure{margin:var(--space-xl) 0}figure img{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,320px)}figure figcaption{max-width:320px;margin-top:var(--space-xs);color:var(--color-text-muted);font-size:.875rem}.hero{padding-block:clamp(var(--space-3xl), 8vw, var(--space-4xl));position:relative}.hero>*{z-index:1;position:relative}.hero .tagline{margin-bottom:var(--space-l);color:var(--color-secondary);font-size:1.125rem;font-weight:500}@media (width<=720px){:root{--space-3xl:34px;--space-4xl:44px}header>*,main,footer>*{width:min(100% - 2 * var(--space-s), var(--content-width))}section{padding-block:var(--space-2xl)}.projects,.skills{grid-template-columns:1fr}.hero{padding-block:var(--space-3xl)}.form-actions{flex-direction:column;align-items:stretch}.form-actions button{width:100%}header nav ul{gap:var(--space-xs) var(--space-s)}fieldset{padding:var(--space-m)}}.gap-2xs{gap:8px}.gap-xs{gap:10px}.gap-s{gap:13px}.gap-m{gap:16px}.gap-l{gap:20px}.gap-xl{gap:25px}.gap-2xl{gap:31px}.gap-3xl{gap:39px}.gap-4xl{gap:49px}