.login-page{font-family:var(--font-titillium), system-ui, sans-serif;color:var(--dl-color-scheme-green100);background:#fff;min-height:100vh}.auth-layout{grid-template-columns:1fr;min-height:100vh;display:grid}.auth-side-panel{color:#fff;text-align:center;background:#105749;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:180px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.auth-form-side{padding:max(1.25rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(1.5rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));background:#f7f3ec;justify-content:center;align-items:center;display:flex}.login-page .login-card{background-color:#fff;border:0;border-radius:24px;width:100%;box-shadow:0 20px 50px #0c42371f}.auth-tagline{max-width:320px;margin:0;font-size:1rem;font-weight:700;line-height:1.25}.auth-side-triangles{pointer-events:none;position:absolute;inset:0}.auth-side-triangle{display:block;position:absolute}.auth-side-triangle--one{width:118px;height:96px;top:0;left:0}.auth-side-triangle--two{width:132px;height:104px;bottom:0;right:0}.auth-side-triangle--three{width:104px;height:84px;top:0;right:0}.auth-side-triangle--four{width:88px;height:70px;top:16px;left:22px}.auth-side-triangle--five{width:110px;height:86px;bottom:0;left:0}.auth-side-triangle--six{display:none}@media (max-width:1024px){.login-page{background:#f7f3ec;flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100vh;margin:0;padding:0;display:flex}.login-page .auth-layout{flex-direction:column;flex:auto;gap:0;width:100%;min-height:0;margin:0;padding:0;display:flex}.auth-side-panel{box-sizing:border-box;padding:max(.5rem, env(safe-area-inset-top,0px)) 1.25rem 1rem;flex:none;height:clamp(22vh,25dvh,28vh);margin:0}.auth-form-side{width:100%;min-height:0;padding-top:5rem;padding-right:max(1rem, env(safe-area-inset-right,0px));padding-bottom:max(1rem, env(safe-area-inset-bottom,0px));padding-left:max(1rem, env(safe-area-inset-left,0px));flex-direction:column;flex:auto;justify-content:flex-start;align-items:stretch;margin:0;display:flex}.login-page .login-card{box-shadow:none;background:0 0;border-radius:0;width:100%;max-width:28rem;margin-left:auto;margin-right:auto}.login-page .login-form-main{text-align:center;flex-direction:column;align-items:stretch;gap:1rem;padding:0;display:flex}}.login-page .login-logo{align-items:center;gap:14px;display:flex}.login-page .login-logo img{object-fit:contain;width:28px;height:auto}.login-page .login-logo .brandName{color:var(--dl-color-scheme-green100);font-size:24px;font-weight:600}.login-page .login-logo .brandName span:first-child{color:var(--dl-color-scheme-orange100)}.login-page .login-back{font-weight:500;color:var(--dl-color-scheme-green80)!important}.login-page .login-back:hover{color:var(--dl-color-scheme-orange100)!important}.login-page .login-title{color:var(--dl-color-scheme-green100);font-family:var(--font-titillium), system-ui, sans-serif}.login-page label{letter-spacing:.01em;font-size:.82rem;font-weight:600;color:var(--dl-color-scheme-green100)!important}.login-page input{color:var(--dl-color-scheme-green100)!important;background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:10px!important}.login-page input::placeholder{color:#0c423773!important}.login-page input:focus{border-color:var(--dl-color-scheme-green80)!important;--tw-ring-color:#1057492e!important;background-color:#fff!important}.login-page .login-submit{font-family:var(--font-titillium), system-ui, sans-serif;background-color:var(--dl-color-scheme-green80);color:var(--dl-color-scheme-white);border:2px solid var(--dl-color-scheme-green80);border-radius:12px;padding:16px 24px;font-weight:600;transition:all .25s}.login-page .login-submit:hover:not(:disabled){background-color:var(--dl-color-scheme-green100);color:var(--dl-color-scheme-white);border-color:var(--dl-color-scheme-green100)}.login-page .login-submit:focus{outline:none;box-shadow:0 0 0 3px #10574940}.login-page .login-submit-dev{color:var(--dl-color-scheme-green100);background:0 0;border-style:dashed;border-color:#105749b3}.login-page .login-submit-dev:hover:not(:disabled){color:var(--dl-color-scheme-green100);border-color:var(--dl-color-scheme-green80);background:#10574914}.login-page input[type=radio]{accent-color:var(--dl-color-scheme-green80)}.login-page .login-signup-text{color:var(--dl-color-scheme-green80)}.login-page .login-signup-link{font-weight:600;color:var(--dl-color-scheme-orange100)!important}.login-page .login-signup-link:hover,.login-page p.text-slate-500{color:var(--dl-color-scheme-green80)!important}@media (min-width:1025px){.auth-layout{grid-template-columns:1fr 1fr}.auth-side-panel{text-align:left;justify-content:center;align-items:flex-start;gap:20px;height:auto;padding:64px 72px}.auth-tagline{max-width:380px;margin:8px 0 0;font-size:clamp(1.8rem,2.1vw,2.4rem);line-height:1.2}.auth-side-triangle--one{width:clamp(170px,14vw,260px);height:clamp(140px,12vw,210px);top:0;left:0}.auth-side-triangle--two{width:clamp(180px,15vw,280px);height:clamp(150px,13vw,220px);bottom:0;right:0}.auth-side-triangle--three{width:clamp(145px,12vw,220px);height:clamp(120px,10vw,180px);top:0;right:0}.auth-side-triangle--four{width:clamp(120px,10vw,180px);height:clamp(100px,8vw,150px);top:40px;left:36px}.auth-side-triangle--five{width:clamp(145px,12vw,220px);height:clamp(120px,10vw,180px);bottom:0;left:0}.auth-side-triangle--six{width:clamp(105px,8vw,155px);height:clamp(84px,6.5vw,125px);top:70px;right:34px}.auth-form-side{background:#f7f3ec;padding:48px}.login-page .login-card{max-width:520px}}
