.login-page{isolation:isolate;color:#000;background:#f7f7f2;place-items:center end;min-height:100dvh;padding:48px clamp(24px,6vw,100px);display:grid;position:relative}.login-background{object-fit:cover;object-position:center;z-index:0}.login-page:before{content:"";z-index:1;pointer-events:none;background:#00000026;position:absolute;inset:0}.login-card{z-index:2;background:#fff;border:1px solid #e3e3dc;border-radius:20px;grid-template-columns:minmax(0,1fr);width:100%;max-width:460px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 60px #00000026}.login-brand{background:#fedfad;justify-content:space-between;align-items:center;gap:24px;padding:26px 36px;display:flex}.login-logo{width:76px;height:auto}.login-brand-title{letter-spacing:-.2px;text-align:right;font-size:15px;font-weight:700;line-height:1.4}.login-content{min-width:0;padding:34px 36px}.login-intro h1{letter-spacing:-.9px;font-size:32px;font-weight:700;line-height:1.2}.login-intro p{color:#66665f;max-width:37ch;margin-top:12px;font-size:14px;line-height:1.65}.login-form{gap:23px;margin-top:32px;display:grid}.login-field>label,.login-password-heading>label{font-size:13px;font-weight:700}.login-input{color:#000;background:#fff;border:1px solid #cecec3;border-radius:8px;width:100%;min-width:0;min-height:50px;margin-top:9px;padding:13px 14px;font-size:16px;line-height:1.4;display:block}.login-input::placeholder{color:#818176;opacity:1}.login-password-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 18px;display:flex}.login-link{color:#55554d;text-underline-offset:4px;font-size:12px;text-decoration:underline}.login-link:hover{color:#000}.login-password-wrap{margin-top:9px;position:relative}.login-password-wrap .login-input{margin-top:0;padding-right:56px}.login-password-toggle{color:#66665f;cursor:pointer;border-radius:6px;place-items:center;min-width:44px;min-height:44px;display:grid;position:absolute;top:3px;right:4px}.login-password-toggle:hover{color:#000;background:#f2f2eb}.login-submit{color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;margin-top:2px;padding:13px 18px;font-size:14px;font-weight:700;display:flex}.login-submit svg{color:#fc0;flex-shrink:0}.login-submit:hover{background:#30302a;border-color:#30302a}.login-submit:disabled{cursor:wait;opacity:.6}.login-error{color:#922b20;background:#fff2eb;border:1px solid #ebc4b9;border-radius:8px;padding:13px 15px;font-size:13px;line-height:1.6}.login-help{color:#66665f;border-top:1px solid #e8e8df;margin-top:28px;padding-top:23px;font-size:12px;line-height:1.7}.login-back{color:#55554d;border-top:1px solid #e8e8df;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-top:24px;padding-top:16px;font-size:13px;display:flex}.login-back:hover{color:#000;text-underline-offset:4px;text-decoration:underline}.login-notice{color:#695114;overflow-wrap:anywhere;background:#fff4d9;border:1px solid #eadfc4;border-radius:9px;margin-top:32px;padding:18px;font-size:13px;line-height:1.7}.login-notice.is-success{color:#23634a;background:#eef5eb;border-color:#cbdcc9}.login-notice h2{margin-top:12px;font-size:16px;font-weight:700;line-height:1.4}.login-notice p{margin-top:10px}.login-page :where(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #a84718}@media (max-width:760px){.login-page{place-items:center;padding:28px 18px}.login-card{border-radius:16px;grid-template-columns:minmax(0,1fr);max-width:460px}.login-brand{flex-direction:row;justify-content:space-between;align-items:center;gap:24px;padding:25px 28px}.login-logo{width:64px}.login-brand-title{letter-spacing:-.2px;text-align:right;font-size:15px}.login-content{padding:32px 28px}.login-intro h1{font-size:29px}.login-form{margin-top:28px}}@media (max-width:380px){.login-page{padding:18px 12px}.login-brand{gap:15px;padding:22px}.login-content{padding:28px 22px}.login-logo{width:58px}.login-brand-title{max-width:9ch}}