:root{font-family:Inter,"Pretendard","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Malgun Gothic",sans-serif;color:#172d4c;background:#f6f9ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.login-shell{min-height:100dvh;display:grid;grid-template-columns:1.04fr 1fr}.login-story{position:relative;isolation:isolate;overflow:hidden;min-height:100dvh;background:linear-gradient(145deg,#3d8aeb,#2268d2 55%,#16459e);padding:54px 11%;color:white}.login-story:before,.login-story:after{content:"";position:absolute;z-index:-1;width:800px;height:800px;border-radius:44%;border:2px solid #e2f4ff39;transform:rotate(-34deg)}.login-story:before{top:26%;left:9%;background:linear-gradient(150deg,#cae8ff45,#85bdff0d 65%)}.login-story:after{top:41%;left:-36%;background:#d2efff0b}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#ffffffef;color:#2872dc;font-size:33px;font-weight:750;box-shadow:0 12px 30px #124aab30}.story-copy{margin-top:clamp(48px,12vh,130px)}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.2em;color:#6181a9;margin:0 0 18px}.login-story .eyebrow{color:#d6eaff}.story-copy h1{font-size:clamp(32px,3.2vw,52px);font-weight:650;line-height:1.3;letter-spacing:-.05em;margin:0 0 25px}.story-copy>p:last-child{font-size:16px;line-height:1.8;color:#e3efff}.story-note{position:relative;margin:48px 0 55px 15%;width:235px;min-height:154px;padding:23px;background:#fff1b8;color:#725524;border-radius:5px 5px 30px 5px;transform:rotate(-5deg);box-shadow:0 25px 50px #113e8d35}.story-note span{font-size:11px;color:#9a8050;display:block;margin-bottom:15px}.story-note strong{font-weight:550;font-size:15px;line-height:1.8}.story-note i{position:absolute;right:2px;bottom:2px;border-style:solid;border-width:0 0 25px 25px;border-color:transparent transparent #ffe393 transparent;border-radius:0 0 20px 0}.story-brand{font-weight:650;font-size:15px;color:#d5e8ff;letter-spacing:.03em}.login-panel{display:flex;align-items:center;justify-content:center;padding:56px 40px}.login-card{width:min(100%,370px)}.mobile-brand{display:none;color:#2671dc;font-size:23px;font-weight:750}.login-card h2{font-size:30px;letter-spacing:-.045em;margin:0 0 14px;font-weight:680}.login-description{color:#7c8da5;font-size:14px;line-height:1.7;margin-bottom:29px}.login-message{font-size:13px;line-height:1.6;color:#607a9e;margin:0 0 18px;min-height:21px}.login-message.error{color:#b53b49;padding:11px 13px;border:1px solid #f0d9df;border-radius:9px;background:#fff5f6}.login-card label{display:block;font-size:12px;font-weight:650;color:#435c7d;margin-bottom:9px}.login-card input{display:block;width:100%;height:48px;border:1px solid #d9e3f1;background:#fff;border-radius:10px;padding:0 14px;outline:none;margin-bottom:20px;color:#203b61;box-shadow:0 2px 3px #152d4d02}.login-card input:focus{border-color:#478ced;box-shadow:0 0 0 3px #3e84e818}.login-submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;margin-top:28px;padding:0 18px;background:#2873df;color:white;border:0;border-radius:10px;font-weight:650;font-size:14px;box-shadow:0 7px 18px #226ee125}.login-submit:hover{background:#1c63cf}.login-submit:focus-visible,#retry-button:focus-visible{outline:3px solid #8bbbf9;outline-offset:3px}.login-submit span{font-size:21px;font-weight:400}.login-scope{font-size:11px;color:#6f85a3;line-height:1.8;margin:29px 0 22px;padding-top:21px;border-top:1px solid #e4ebf6}.login-scope span{color:#397bd6;margin-right:5px}.login-footnote{font-size:11px;color:#8d9eb6;line-height:1.7}.login-challenge{margin-top:12px}@media(max-width:740px){.login-shell{display:block}.login-story{display:none}.login-panel{min-height:100dvh;padding:36px 28px}.login-card{max-width:380px}.mobile-brand{display:block;margin-bottom:58px}.login-card h2{font-size:29px}.login-scope{font-size:12px}.login-footnote{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}