@font-face{font-family:"DM Sans";src:url("/fonts/dm-sans-variable.woff2") format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}
@font-face{font-family:Manrope;src:url("/fonts/manrope-variable.woff2") format("woff2");font-style:normal;font-weight:200 800;font-display:swap}

:root{font-family:"DM Sans",sans-serif;color:#182a42;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;color-scheme:light}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #2458e8;outline-offset:5px;border-radius:4px}
svg{display:block}
.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;min-height:100svh;padding:16px;gap:16px}
.login-story{display:flex;flex-direction:column;min-width:0;background:#f6f5ef;border-radius:20px;padding:40px clamp(32px,4vw,76px);position:relative;overflow:hidden}
.login-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.login-brand{font-family:Manrope,sans-serif;font-size:32px;font-weight:800;letter-spacing:-1.6px;line-height:1.25}
.login-brand span{color:#2458e8}
.login-story-content{width:100%;max-width:640px;margin:auto;position:relative;padding-top:44px}
.login-story-content p{font-family:Manrope,sans-serif;font-size:clamp(48px,5.4vw,84px);line-height:1.08;letter-spacing:-.065em;font-weight:600;margin:0;position:relative;z-index:1}
.login-story-content p span{color:#2458e8}
.login-parcel{width:calc(100% + 48px);max-width:620px;margin:12px -24px 0}
.login-home{display:inline-flex;gap:12px;align-items:center;align-self:flex-start;font-size:14px;font-weight:500;margin-top:16px;padding:8px 0}
.login-home svg,.login-continue svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.login-home:hover{color:#2458e8}
.login-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:40px clamp(32px,4vw,76px);position:relative}
.login-form{width:100%;max-width:400px;margin:auto 0;padding:64px 0}
h1{font-family:Manrope,sans-serif;font-size:clamp(28px,2.7vw,36px);font-weight:600;letter-spacing:-.055em;line-height:1.2;margin:0 0 28px}
.login-continue{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:17px 22px;border-radius:10px;background:#2458e8;color:#fff;font-size:16px;font-weight:600;line-height:22px;min-height:56px;transition:background .15s}
.login-continue:hover{background:#1949d2}
.login-continue:active{background:#173fba}
.login-error{padding:14px 16px;margin:0 0 20px;background:#fff4f1;border:1px solid #f2d9d1;border-radius:10px;color:#9b3729;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.login-footer{font-size:13px;color:#606d80;line-height:1.6;text-align:center}
.login-footer a{display:inline-flex;align-items:center;min-height:44px;margin-left:4px;font-weight:500;color:#182a42;text-decoration:underline;text-decoration-color:#c8ced6;text-underline-offset:4px}
.login-footer a:hover{color:#2458e8;text-decoration-color:currentColor}

@media(min-width:1800px){.login-story-content{max-width:600px}.login-main{padding-left:100px;padding-right:100px}}
@media(max-width:900px) and (min-width:701px){.login-layout{padding:12px;gap:0}.login-story{padding:28px}.login-main{padding:28px}.login-parcel{width:calc(100% + 80px);margin-left:-40px;margin-right:-40px}}
@media(max-width:700px){
  .login-layout{display:flex;flex-direction:column;gap:0;padding:0}
  .login-story{flex:none;border-radius:0;padding:calc(28px + env(safe-area-inset-top)) 28px 20px;background:#fff;overflow:visible}
  .login-brand{font-size:30px}
  .login-story-content,.login-home{display:none}
  .login-main{flex:1;padding:0 28px calc(18px + env(safe-area-inset-bottom))}
  .login-form{padding:52px 0 72px;max-width:400px}
  h1{font-size:32px;letter-spacing:-.05em}
  .login-continue{padding:17px 20px}
}
@media(max-width:360px){.login-story{padding-left:22px;padding-right:22px}.login-main{padding-left:22px;padding-right:22px}h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.login-continue{transition:none}}

.login-description{font-size:15px;line-height:1.65;color:#606d80;margin:0 0 16px}.login-description:last-of-type{margin-bottom:26px}