:root{font-family:system-ui,sans-serif;color:#18233a;background:#f5f7fb}body{margin:0;display:flex}aside{width:210px;background:#102447;color:#fff;padding:28px}main{padding:28px;max-width:980px;width:100%}header{color:#52709d;margin-bottom:32px}form{display:grid;gap:20px;max-width:520px;padding:24px;background:#fff;border-radius:12px}.result-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;max-width:760px}label{display:grid;gap:8px;font-weight:600}select,button{min-height:48px}button{background:#1769e0;color:#fff;border:0;border-radius:8px;padding:12px 16px;font-weight:700;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f4b400;outline-offset:2px}.cards{display:flex;gap:12px;flex-wrap:wrap}.cards div{background:#fff;padding:20px;border-radius:10px;min-width:130px}@media(max-width:600px){body{display:block}aside{box-sizing:border-box;width:100%;padding:16px}main{box-sizing:border-box;padding:18px}.result-controls{grid-template-columns:1fr}}