.cyob{max-width:1160px}.cyob-intro{font-size:19px;max-width:760px;color:#405b78}.cyob-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;margin-top:32px}.cyob-side{background:#edf7fa;padding:28px;border-radius:18px;align-self:start;border-top:4px solid #008493}.cyob .cyob-side h2{font-size:22px;margin:0 0 18px}.cyob-side ol{padding-left:22px}.cyob-side li{margin:16px 0}.cyob-card,.cyob-form fieldset{border:1px solid #cbdfe4;border-radius:16px;padding:28px;background:#fff}.cyob-card h2{margin-top:0}.cyob-form fieldset{margin:0 0 28px;min-width:0;scroll-margin-top:140px}.cyob-form legend{font-size:22px;font-weight:750;padding:0 8px}.cyob-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cyob-field{display:flex;flex-direction:column;gap:8px;font-weight:650;min-width:0}.cyob-wide{grid-column:1/-1}.cyob input:not([type=checkbox]),.cyob select,.cyob textarea{box-sizing:border-box;width:100%;border:1px solid #99b5bf;border-radius:8px;padding:12px;color:#102d49;background:#fff;font:inherit;min-width:0}.cyob textarea{min-height:110px;resize:vertical}.cyob input:focus,.cyob select:focus,.cyob textarea:focus{outline:3px solid #d48c00;outline-offset:3px}.cyob-card label{display:block;font-weight:650;margin-bottom:8px}.cyob-card #rememberme{width:auto}.cyob-card input[type=submit],.cyob-form button{background:#007c8a;color:#fff;border:0;border-radius:28px;padding:13px 25px;font:inherit;font-weight:700;cursor:pointer}.cyob-check{display:flex;gap:12px;align-items:flex-start;margin:24px 0}.cyob-check input{margin-top:6px}.cyob-actions{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.cyob-notice{padding:20px;background:#eaf7f3;border-left:4px solid #227d62;border-radius:8px}.cyob-error{padding:20px;background:#fff0ef;border-left:4px solid #9f352b}.cyob-small{font-size:14px;color:#405b78}.cyob input[type=checkbox]{width:20px;height:20px;flex-shrink:0}@media(max-width:760px){.cyob-layout,.cyob-fields{grid-template-columns:1fr}.cyob-card,.cyob-form fieldset{padding:20px}.cyob-side{padding:22px}.cyob-actions{gap:12px}.cyob-form legend{font-size:20px}}