.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;min-height:100dvh;padding:24px 16px;gap:24px;background:#f1f6f5}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100dvh - 48px);border-radius:24px;overflow:hidden;padding:40px 60px;color:#fff;background:linear-gradient(180deg,#003c4b20 15%,#003b4bd9 65%,#003644 100%),url('/assets/hero.webp') center/cover}.auth-brand img{width:190px;height:65px;object-fit:contain}.auth-story{max-width:600px;padding-top:80px}.auth-story .eyebrow{color:#fff;font-weight:500;letter-spacing:.14em;font-size:11px;margin-bottom:24px}.auth-story h2{color:#fff;font-size:clamp(36px,3.1vw,58px);line-height:1.12;margin-bottom:26px}.auth-story p{max-width:450px;color:#d5e9ed;font-size:17px;line-height:1.8}.auth-story-note{border-top:1px solid #ffffff35;margin-top:30px;padding-top:24px;font-size:13px;color:#deedf0}.auth-story>a{display:inline-block;margin-top:42px;font-size:14px}.auth-content{display:flex;align-items:center;justify-content:center;padding:48px 36px}.auth-form-area{width:100%;max-width:380px}.auth-form-area>.eyebrow{font-size:11px;font-weight:500;letter-spacing:.12em;margin-bottom:16px;color:#00556b}.auth-form-area h1{font-size:36px;line-height:1.15;margin-bottom:16px}.auth-description{font-size:14px;color:#668491;margin-bottom:36px}.auth-form-area form{display:grid;gap:18px}.auth-form-area label{font-size:14px;display:grid;gap:9px}.auth-input{display:flex;align-items:center;border:1px solid #d5e1e4;border-radius:11px;background:#f7fafb;padding:0 13px;gap:10px;min-height:48px}.auth-input:focus-within{outline:2px solid #ee783180;border-color:#ed7831}.auth-input>svg{width:20px;height:20px;flex:none;color:#7e959d}.auth-input input{border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;padding:12px 0;width:100%;min-width:0;font-size:16px}.auth-input button{border:0;background:transparent;padding:5px;color:#69828b;display:flex}.auth-input button svg{width:21px;height:21px}.auth-forgot{justify-self:end;font-size:13px;text-decoration:underline;text-underline-offset:4px}.auth-form-area .auth-submit{background:#005365;color:#fff;min-height:52px;border:0;border-radius:10px;justify-content:center;font-size:16px;gap:14px;margin-top:12px}.auth-submit:hover{background:#003d4c;transform:translateY(-2px)}.auth-security{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.8;color:#668491;margin:24px 0 32px}.auth-security>span{color:#0a9c58;border:1px solid;border-radius:50%;width:17px;height:17px;line-height:15px;text-align:center;flex:none;margin-top:3px}.auth-credit{display:flex;align-items:center;justify-content:center;gap:10px;border-top:1px solid #dbe5e5;padding-top:24px}.auth-credit span{text-transform:uppercase;font-size:10px;letter-spacing:.08em;color:#738b94}.auth-credit img{width:90px;height:auto;filter:brightness(0);opacity:.48}.auth-feedback .notice{width:100%;margin:0 0 20px;padding:14px;font-size:14px}.auth-feedback.is-error .notice{background:#fff0eb;border:1px solid #e9a291;color:#9c3529}.auth-mobile-brand,.auth-mobile-back{display:none}@media(max-width:900px){.auth-visual{padding:32px}.auth-content{padding:30px 20px}.auth-story h2{font-size:36px}}@media(max-width:700px){.auth-layout{display:block;padding:0;min-height:100dvh}.auth-visual{display:none}.auth-content{padding:38px 24px;min-height:100dvh}.auth-mobile-brand{display:block;margin-bottom:36px}.auth-mobile-brand img{width:175px;height:60px;object-fit:contain}.auth-mobile-back{display:block;text-align:center;font-size:13px;margin-top:26px}.auth-form-area h1{font-size:32px}.auth-credit{gap:8px}.auth-credit span{font-size:9px}}