@font-face{font-family:'Montserrat';src:url('../fonts/montserrat/Montserrat-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;}@font-face{font-family:'Open Sans';src:url('../fonts/opensans/OpenSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;}@font-face{font-family:'Open Sans';src:url('../fonts/opensans/OpenSans-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215;}.hero { background: var(--color-bg);}.container { padding-block: var(--space-lg);}@media (min-width: 768px) { .container { padding-block: var(--space-xl); }}.muted { color: var(--color-text-secondary);}.lang-switcher a { line-height: 1; border: 1px solid transparent; border-radius: var(--radius-sm); padding: 2px; transition: border-color var(--transition-base), opacity var(--transition-base);}.lang-switcher a:hover { border-color: var(--color-border);}.lang-switcher a.current-lang { border-color: var(--color-accent); opacity: 1;}.lang-switcher ul { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--space-2xs); }.lang-switcher li { margin: 0; padding: 0; }.site-nav nav a { display: inline-flex; align-items: center; padding: .5rem .5rem; line-height: 1.2; min-height: 44px;  border-radius: var(--radius-sm);}.site-nav nav a:focus-visible { outline: 2px solid var(--color-accent); outline-offset: 2px;}.cards { padding-block: var(--space-xl); }.cards .grid { display: grid; grid-template-columns: 1fr; gap: var(--space-lg); margin-top: var(--space-lg);}@media (min-width: 640px) { .cards .grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }}.card { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-md); transition: box-shadow var(--transition-base);}.card h3 { margin-bottom: var(--space-xs); font-family: var(--font-title); }.card p { color: var(--color-text-secondary); }.btn {  display: inline-block;  background: var(--color-accent);  color: var(--color-text-inverse);  padding: 0.75rem 1.25rem;  border-radius: var(--radius-sm);  font-weight: 700;  border: 1px solid transparent;  transition: background var(--transition-base), color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base); text-decoration: none; text-align: center;}.btn:hover { box-shadow: var(--shadow-xs); transform: translateY(-1px); }.btn--ghost { background: transparent; color: var(--color-accent); border-color: var(--color-accent); }.btn--ghost:hover { background: var(--color-accent-soft); color: var(--color-accent-strong); }@media (max-width: 639px) { .card .btn, .card .btn--ghost { display: block; width: 100%; }}.section-center { text-align: center; padding-block: var(--space-xl); }.card:hover,.card:focus-within { box-shadow: var(--shadow-xs);}.about-grid { display: grid; gap: var(--space-lg); grid-template-columns: 1fr; align-items: center;}@media (min-width: 768px) { .about-grid { grid-template-columns: 1fr 1fr; gap: var(--space-xl); }}.about-ctas { display: flex; flex-wrap: wrap; gap: var(--space-md);}.cta-button { display: inline-block; padding: var(--space-sm) var(--space-md); background: var(--color-accent); color: var(--color-text-inverse); font-weight: 700; border-radius: var(--radius-sm); text-decoration: none; transition: opacity 0.2s, box-shadow 0.2s, transform 0.2s; border: 2px solid transparent;}.cta-button:hover { box-shadow: var(--shadow-xs); transform: translateY(-1px);}.cta-button.cta-secondary { background: var(--color-surface); color: var(--color-text-primary); border-color: var(--color-border);}.about__img { max-width: 100%; height: auto;}.form-row { margin-bottom: var(--space-md);}.form-row label { display: block; font-weight: 600; margin-bottom: var(--space-xs); color: var(--color-text-primary);}.form-row input,.form-row textarea { width: 100%; padding: var(--space-sm); border: 1px solid var(--color-border); border-radius: var(--radius-sm); font-family: var(--font-body); font-size: var(--font-size-step-0); color: var(--color-text-primary); background: var(--color-surface); transition: border-color var(--transition-base);}.form-row input:focus,.form-row textarea:focus { outline: 2px solid var(--color-accent); outline-offset: 2px; border-color: var(--color-accent);}.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;}.blog-list { display: grid; gap: var(--space-lg);}.blog-list article { background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); padding: var(--space-md); transition: box-shadow var(--transition-base);}.blog-list article:hover { box-shadow: var(--shadow-xs);}.blog-list h2 { margin: 0 0 var(--space-xs); font-size: var(--font-size-step-1); font-family: var(--font-title);}.blog-list h2 a { text-decoration: none; color: var(--color-text-primary); transition: color var(--transition-base);}.blog-list h2 a:hover { color: var(--color-accent);}.blog-list time { font-size: var(--font-size-step--1); color: var(--color-text-secondary);}.post-content { line-height: 1.6; color: var(--color-text-primary);}.post-content h1,.post-content h2,.post-content h3,.post-content h4 { font-family: var(--font-title); margin-top: var(--space-lg); margin-bottom: var(--space-sm); color: var(--color-text-primary);}.post-content h1 { font-size: var(--font-size-step-3); }.post-content h2 { font-size: var(--font-size-step-2); }.post-content h3 { font-size: var(--font-size-step-1); }.post-content p { margin-bottom: var(--space-md);}.post-content a { color: var(--color-accent); text-decoration: underline; transition: color var(--transition-base);}.post-content a:hover { color: var(--color-accent-strong);}.post-content img { max-width: 100%; height: auto; border-radius: var(--radius-md); margin-block: var(--space-md);}.post-content ul,.post-content ol { margin-bottom: var(--space-md); padding-left: var(--space-lg);}.post-content li { margin-bottom: var(--space-xs);}.page-header { margin-bottom: var(--space-lg);}.page-header h1 { font-family: var(--font-title); color: var(--color-text-primary); font-size: var(--font-size-step-3); margin-bottom: var(--space-xs);}.page-header p { font-size: var(--font-size-step-1); color: var(--color-text-secondary); margin-top: var(--space-sm);}@media (min-width: 768px) { .page-header { margin-bottom: var(--space-xl); }}.pagination { margin-top: var(--space-xl); text-align: center;}.pagination .page-numbers { display: inline-block; padding: var(--space-xs) var(--space-sm); margin: 0 var(--space-3xs); border: 1px solid var(--color-border); border-radius: var(--radius-sm); color: var(--color-text-primary); text-decoration: none; transition: background var(--transition-base), color var(--transition-base);}.pagination .page-numbers.current { background: var(--color-accent); color: var(--color-text-inverse); border-color: var(--color-accent);}.pagination .page-numbers:hover:not(.current) { background: var(--color-surface); color: var(--color-accent); border-color: var(--color-accent);}