.emd-auth { margin: 0; color: #18354b; background: #f1f5f8; font-family: Figtree,system-ui,sans-serif; -webkit-font-smoothing: antialiased; }
.emd-auth-shell { display: grid; grid-template-columns: minmax(360px,.9fr) minmax(420px,1.1fr); min-height: 100dvh; }
.emd-auth-story { background: #122c40; color: #fff; padding: 48px 56px 28px; display: flex; flex-direction: column; border-top: 4px solid #f2c744; position: relative; overflow: hidden; }
.emd-auth-brand { display: flex; align-items: flex-start; flex-direction: column; gap: 15px; color: white; }
.emd-auth-brand img { width: 180px; padding: 10px; border-radius: 3px; background: white; }
.emd-auth-brand span { font-size: 8px; letter-spacing: 1.6px; color: #abc3d5; }
.emd-auth-story__content { margin: auto 0; padding: 80px 0 40px; }
.emd-auth-kicker { font-size: 10px; letter-spacing: 2px; color: #a9c9dc; }
.emd-auth-story h2 { font-size: clamp(45px,5vw,76px); font-weight: 600; line-height: 1.05; letter-spacing: -2.5px; margin: 24px 0; }
.emd-auth-story__content > p { color: #b6cbdb; font-size: 16px; line-height: 1.8; }
.emd-auth-horizon { max-width: 480px; color: #5a839e; margin-top: 48px; }
.emd-auth-story__footer { display: flex; align-items: baseline; justify-content: space-between; border-top: 1px solid #ffffff20; padding-top: 20px; color: #8eacbf; font-size: 8px; letter-spacing: 1.5px; }
.emd-auth-story__footer span { font-size: 20px; font-weight: 700; color: #f2c744; letter-spacing: -1px; }
.emd-auth-form { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 48px; }
.emd-auth-card { width: 100%; max-width: 430px; background: #fff; padding: 36px; border: 1px solid #dce5ec; border-radius: 8px; box-shadow: 0 8px 32px #17394f08; }
.emd-auth-title { font-size: 27px; font-weight: 700; letter-spacing: -.8px; }
.emd-auth-intro { font-size: 13px; color: #617487; margin: 8px 0 30px; }
.emd-auth-caption { color: #73869a; font-size: 10px; margin-top: 24px; }
.emd-auth button[type=submit] { background: #f2c744; border: 1px solid #e4b932; color: #18354b; text-transform: none; letter-spacing: 0; font-size: 13px; padding: 12px 20px; min-height: 44px; }
.emd-auth button[type=submit]:hover { background: #eabd37; }
.emd-auth input { border-color: #c6d4df; border-radius: 5px; min-height: 44px; }
.emd-auth input[type=checkbox] { min-height: 18px; width: 18px; height: 18px; color: #087fa6; }
.emd-auth input:focus { border-color: #087fa6; --tw-ring-color: #087fa6; }
.emd-auth-card a { color: #086f99; }
.emd-auth button:focus-visible, .emd-auth a:focus-visible { outline: 3px solid #168cb7; outline-offset: 4px; }
@media(max-width:850px) { .emd-auth-shell { grid-template-columns: 1fr; }.emd-auth-story { padding: 24px; }.emd-auth-story__content,.emd-auth-story__footer { display: none; }.emd-auth-brand { align-items: center; gap: 10px; }.emd-auth-brand img { width: 145px; }.emd-auth-form { padding: 32px 18px; justify-content: flex-start; }.emd-auth-card { padding: 28px 24px; }.emd-auth-shell { min-height: 100dvh; grid-template-rows: auto 1fr; }.emd-auth-title { font-size: 25px; } }