*{box-sizing:border-box}body{margin:0;background:#f4f5fc;color:#17213b;font:17px/1.6 system-ui,sans-serif}main{max-width:660px;margin:40px auto;padding:32px;background:#fff;border:1px solid #dee2f4;border-radius:20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:28px;line-height:1.3}form{display:grid;gap:12px}input,button,select{font:inherit;min-height:46px;max-width:100%;border:1px solid #b9c1dc;border-radius:8px;padding:9px}button{background:#414ac8;color:#fff;cursor:pointer}button:disabled{opacity:.6}a{color:#3344af;overflow-wrap:anywhere}#result{font-weight:600}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #7684e4;outline-offset:2px}@media(max-width:680px){main{margin:16px;padding:24px 18px}h1{font-size:25px}}