:root{--color-primary:#2e75b6;--color-primary-dark:#1f5182;--color-dark:#1a2733;--color-text:#2b3945;--color-muted:#5c6b78;--color-bg:#fff;--color-bg-alt:#f2f6fa;--color-border:#d9e2ec;--font-sans:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--content-width:1100px;--radius:8px;--shadow:0 2px 8px #1a273314;--color-success:#1f8a5f;--color-success-bg:#eaf7f1;--color-success-border:#bfe6d3;--color-danger:#c0392b;--color-danger-bg:#fdecea;--color-danger-border:#f3c6c0}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);margin:0;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--color-primary)}h1,h2,h3{color:var(--color-dark);line-height:1.25}.container{max-width:var(--content-width);margin-inline:auto;padding-inline:1.25rem}.btn{border-radius:var(--radius);background:var(--color-primary);color:#fff;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-block}.btn:hover{background:var(--color-primary-dark)}.btn--ghost{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.btn--ghost:hover{background:var(--color-bg-alt)}.section{padding-block:3.5rem}.section--alt{background:var(--color-bg-alt)}.section__title{text-align:center;margin:0 0 .5rem;font-size:1.75rem}.section__intro{text-align:center;color:var(--color-muted);max-width:700px;margin:0 auto 2rem}.section[id]{scroll-margin-top:4.5rem}.hero{background:linear-gradient(160deg, var(--color-dark) 0%, var(--color-primary-dark) 100%);color:#fff;text-align:center;padding-block:4.5rem}.hero h1{color:#fff;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.75rem)}.hero p{opacity:.92;max-width:640px;margin:0 auto 2rem;font-size:1.125rem}.cards{grid-template-columns:1fr;gap:1.25rem;display:grid}.card{border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:1.5rem}.card h3{margin-top:0;font-size:1.125rem}.card p{color:var(--color-muted);margin-bottom:0}.header{border-bottom:1px solid var(--color-border);z-index:10;background:#fff;position:sticky;top:0}.header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:.75rem;display:flex}.header__brand img{display:block}.header__nav{flex-wrap:wrap;gap:1.25rem;display:flex}.header__nav a{color:var(--color-text);font-weight:500;text-decoration:none}.header__nav a:hover{color:var(--color-primary)}.header__actions{align-items:center;gap:1rem;display:flex}.header__lang{font-weight:600;text-decoration:none}.footer{background:var(--color-dark);color:#cfd8e0;margin-top:3rem}.footer a{color:#fff}.footer h3{color:#fff;font-size:1rem}.footer__inner{grid-template-columns:1fr;gap:1.5rem;padding-block:2.5rem;display:grid}.footer__bottom{border-top:1px solid #ffffff26;padding-block:1rem;font-size:.875rem}@media (min-width:640px){.cards{grid-template-columns:repeat(2,1fr)}.footer__inner{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.cards--4{grid-template-columns:repeat(4,1fr)}}.form{flex-direction:column;gap:1.25rem;max-width:560px;display:flex}.form__field{flex-direction:column;gap:.4rem;display:flex}.form__field label{color:var(--color-dark);font-size:.875rem;font-weight:600}.form__field input,.form__field textarea{font:inherit;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.7rem .9rem;transition:border-color .15s,box-shadow .15s}.form__field textarea{resize:vertical;min-height:140px}.form__field input::placeholder,.form__field textarea::placeholder{color:#9aa8b5}.form__field input:hover,.form__field textarea:hover{border-color:#b7c6d6}.form__field input:focus-visible,.form__field textarea:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2e75b626}.form .btn{cursor:pointer;border:none;align-self:flex-start;position:relative}.form .btn:disabled{opacity:.75;cursor:not-allowed;padding-right:2.75rem}.form .btn:disabled:after{content:"";border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-top:-7px;animation:.6s linear infinite form-spin;position:absolute;top:50%;right:1rem}.form__message{border-radius:var(--radius);align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;font-size:.9375rem;line-height:1.5;animation:.2s form-msg-in;display:flex}.form__message:before{content:"";background-color:currentColor;flex-shrink:0;width:20px;height:20px;margin-top:.1rem}.form__message--success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.form__message--success:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E") 50%/contain no-repeat}.form__message--error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.form__message--error:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E") 50%/contain no-repeat}.form__message p{margin:0}@keyframes form-msg-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes form-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.form__message,.form .btn:disabled:after{animation:none}}
