@import url("./sd-design.css");
*{box-sizing:border-box}html{background:#f4f8fa}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 20%,rgba(220,238,241,.8),transparent 30%),#f4f8fa;color:#122d40;font-family:var(--sd-font-body);line-height:1.5}.auth-shell{min-height:100vh}.auth-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.auth-header{width:min(var(--sd-page),calc(100% - 32px));margin:auto;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(202,215,222,.85)}.auth-brand{display:flex;align-items:center;gap:11px;color:#122d40;text-decoration:none}.public-brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#075d75;color:#fff;font:900 1rem var(--sd-font-display);letter-spacing:-.04em}.auth-brand strong{display:block}.auth-brand small{display:block;color:#526876;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.auth-home-link{font-weight:750;color:#075d75}.auth-main{width:min(1060px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:34px;align-items:center;padding:56px 0}.auth-card{background:#fff;border:1px solid #cad7de;border-radius:22px;padding:clamp(24px,4vw,42px);box-shadow:0 24px 70px rgba(18,45,64,.1)}.auth-kicker{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#075d75;margin-bottom:10px}.auth-card h1{font:850 clamp(2rem,4vw,3.5rem)/1 var(--sd-font-display);letter-spacing:-.045em;margin:0 0 12px}.auth-card>p{color:#526876;margin:0 0 24px}.auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:6px}.auth-field label,.auth-label{font-size:.84rem;font-weight:800}.auth-field input{width:100%;border:1px solid #b9cbd4;border-radius:11px;background:#fff;color:#122d40;padding:12px 13px;outline:0}.auth-field input:focus-visible,.auth-submit:focus-visible,.auth-link-button:focus-visible,.auth-home-link:focus-visible{outline:3px solid rgba(242,181,68,.55);outline-offset:2px}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.auth-check{display:flex;align-items:center;gap:8px;font-size:.86rem}.auth-submit,.auth-link-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;background:#075d75;color:#fff;padding:12px 16px;font-weight:850;cursor:pointer;text-decoration:none}.auth-submit:hover,.auth-link-button:hover{background:#064d61;text-decoration:none}.auth-secondary{margin-top:18px;padding-top:18px;border-top:1px solid #e4ecef;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.auth-secondary a{color:#075d75;font-weight:750}.auth-notice{border-radius:11px;padding:11px 13px;margin:0 0 18px;font-size:.9rem}.auth-notice.success{background:#e8f6ef;color:#18794e}.auth-notice.error{background:#fff0ee;color:#b42318}.auth-context{padding:20px}.auth-context>p{color:#526876;max-width:420px}.auth-route-card{background:#0c3444;color:#fff;border-radius:20px;padding:26px;box-shadow:0 24px 60px rgba(18,45,64,.18)}.auth-route-card span{display:block;color:#99bdc8;font-size:.7rem;letter-spacing:.1em}.auth-route-card strong{display:block;font:900 4.3rem/1 var(--sd-font-display);margin:22px 0}.auth-route-card div{color:#c7dde5}.auth-code{display:block;background:#eef4f6;border:1px solid #cad7de;border-radius:10px;padding:10px;overflow:auto;word-break:break-all}.auth-codes{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none}.auth-codes code{display:block;background:#eef4f6;border-radius:8px;padding:8px}.auth-footer{width:min(var(--sd-page),calc(100% - 32px));margin:auto;border-top:1px solid #cad7de;padding:20px 0;color:#526876;font-size:.78rem;display:flex;justify-content:space-between;gap:20px}.auth-skip{position:absolute;left:-9999px;top:8px}.auth-skip:focus{left:8px;background:#fff;padding:8px 12px;z-index:100}@media(max-width:820px){.auth-main{grid-template-columns:1fr;padding:30px 0}.auth-context{padding:0}.auth-route-card{display:none}.auth-context>p{margin:0}.auth-header{min-height:68px}.auth-home-link{font-size:.84rem}}@media(max-width:520px){.auth-main{width:min(100% - 22px,1060px)}.auth-header,.auth-footer{width:min(100% - 22px,var(--sd-page))}.auth-card{padding:22px;border-radius:16px}.auth-row{align-items:flex-start}.auth-submit{width:100%}.auth-codes{grid-template-columns:1fr}.auth-footer{flex-direction:column}}
