*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}:root{--brand:#003296;--cta:#0a3487;--border:#dbe0e6;--error:#d0021b;--container:1170px;--radius-btn:6px;--bg:#f5f7fa;--surface:#fff;--text:#1f2937;--muted:#6b7280;--radius-card:10px;--shadow:0 10px 24px #00000014;--focus-ring:0 0 0 3px #0032962e;--fs-h1:28px;--fs-body:14px;--fs-label:13px;--fs-result:40px}html{font-size:16px}body{font-family:Inter,sans-serif;font-size:var(--fs-body);color:var(--text);background:var(--bg);min-height:100vh;padding:32px 0 64px;line-height:1.6}.page{width:100%}.tool-container{max-width:var(--container);margin:0 auto;padding:0 16px}.tool-header{margin-bottom:20px}.tool-header h1{font-size:var(--fs-h1);letter-spacing:-.01em;color:var(--brand);line-height:1.2}.tool-subtitle{color:var(--muted);max-width:72ch;margin-top:8px}.tool-main{max-width:560px}@media (width<=991.98px){body{padding:24px 0 48px}}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:24px}@media (width<=480px){.tool-card{padding:18px}}input,select,button{font:inherit}.field{margin-bottom:16px}.field label{font-size:var(--fs-label);margin-bottom:6px;font-weight:600;display:block}.control{position:relative}input,select{border:1px solid var(--border);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:10px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background-color .15s}input:focus,select:focus{border-color:var(--brand);box-shadow:var(--focus-ring)}input[aria-invalid=true],select[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 3px #d0021b1f}.field-error,.form-error{min-height:18px;color:var(--error);margin-top:6px;font-size:12px}.actions{gap:12px;margin-top:20px;display:flex}@media (width<=520px){.actions{flex-direction:column}}.btn{border-radius:var(--radius-btn);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 18px;font-weight:600;transition:transform 80ms,background-color .15s,border-color .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn--primary{background:var(--cta);color:#fff;box-shadow:0 6px 14px #0a348747}.btn--primary:hover:not(:disabled){background:#0c3ea0;transform:translateY(-1px);box-shadow:0 8px 16px #0a34875c}.btn--primary:active:not(:disabled){background:#082d7a;transform:translateY(0)}.btn--secondary{color:var(--text);border-color:var(--border);background:#fff}.btn--secondary:hover:not(:disabled){background:#f9fafb;border-color:#cfd6de}.btn--secondary:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.loading{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.result-divider{border:none;border-top:1px solid var(--border);margin:24px -24px}@media (width<=480px){.result-divider{margin:20px -18px}}.result-hint{color:var(--muted);margin-bottom:4px;font-size:13px}.result-row{flex-wrap:wrap;gap:12px 24px;margin-top:16px;display:flex}.result-item{flex-direction:column;gap:4px;min-width:80px;display:flex}.result-item--primary{min-width:120px}.result-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}.result-value{color:var(--text);font-size:22px;font-weight:700}.result-value--primary{font-size:var(--fs-result);color:var(--brand);font-weight:700;line-height:1.05}.result-value--fem{color:#1a6b3c}@media (width<=480px){.result-value--primary{font-size:36px}}