.login-page{min-height:100vh;padding:42px var(--page-padding) 54px;background:var(--tawle-cream);border-top:3px solid var(--tawle-black);flex-direction:column;display:flex}.login-header{justify-content:space-between;align-items:center;gap:30px;width:min(1440px,100%);margin:0 auto;display:flex}.login-logo{object-fit:contain;width:165px;height:auto}.login-header-label{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.login-layout{grid-template-columns:minmax(0,1fr) minmax(380px,480px);align-items:center;gap:clamp(70px,10vw,170px);width:min(1180px,100%);margin:auto;padding:80px 0;display:grid}.login-intro{position:relative}.login-title{letter-spacing:-.065em;margin:18px 0 26px;font-size:clamp(4rem,7vw,7.4rem);font-weight:800;line-height:.82}.login-description{max-width:430px;margin:0;font-size:1.1rem;font-weight:500;line-height:1.5}.login-brand-shape{align-items:center;gap:13px;margin-top:52px;display:flex}.login-brand-shape span{width:18px;height:18px;display:block;transform:rotate(45deg)}.shape-coral{background:var(--tawle-coral)}.shape-yellow{background:var(--tawle-yellow)}.shape-blue{background:var(--tawle-blue)}.shape-black{background:var(--tawle-black)}.login-card{border:2px solid var(--tawle-black);background:var(--tawle-cream);border-radius:20px;overflow:hidden}.login-card-heading{border-bottom:2px solid var(--tawle-black);gap:20px;padding:30px 32px 28px;display:flex}.login-number{color:var(--tawle-coral);letter-spacing:.08em;flex:none;margin:4px 0 0;font-size:.8rem;font-weight:800}.login-card-heading h2{letter-spacing:-.035em;margin:0 0 7px;font-size:2rem;font-weight:800;line-height:1}.login-card-heading p:not(.login-number){margin:0;font-size:.95rem;line-height:1.45}.login-form{flex-direction:column;gap:24px;padding:32px;display:flex}.login-password-label{justify-content:space-between;align-items:center;gap:20px;display:flex}.login-password-label a{text-underline-offset:3px;font-size:.78rem;font-weight:600;text-decoration:underline}.login-password-label a:hover{color:var(--tawle-coral)}.login-submit{border:2px solid var(--tawle-black);background:var(--tawle-coral);width:100%;min-height:58px;color:var(--tawle-black);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;margin-top:4px;padding:0 22px;font-weight:800;transition:transform .16s,box-shadow .16s;display:flex}.login-submit:hover:not(:disabled){box-shadow:4px 4px 0 var(--tawle-black);transform:translateY(-2px)}.login-submit:disabled{opacity:.55;cursor:not-allowed}.login-submit span:last-child{font-size:1.4rem;line-height:1}.login-error{border:1.5px solid var(--tawle-black);background:#ff866138;border-radius:10px;padding:13px 15px;font-size:.88rem;font-weight:600}.login-card-footer{border-top:2px solid var(--tawle-black);background:var(--tawle-black);min-height:58px;color:var(--tawle-cream);letter-spacing:.11em;justify-content:space-between;align-items:center;gap:20px;padding:0 32px;font-size:.63rem;font-weight:700;display:flex}@media (max-width:900px){.login-page{padding-top:30px}.login-layout{grid-template-columns:1fr;gap:55px;padding:70px 0 40px}.login-intro{max-width:650px}.login-title{font-size:clamp(4rem,15vw,6.5rem)}.login-card{width:100%;max-width:560px}}@media (max-width:520px){.login-page{padding:24px 20px 30px}.login-header-label{display:none}.login-logo{width:135px}.login-layout{gap:45px;padding-top:55px}.login-title{font-size:clamp(3.5rem,18vw,5rem)}.login-description{font-size:1rem}.login-brand-shape{margin-top:35px}.login-card-heading,.login-form{padding-left:22px;padding-right:22px}.login-card-footer{padding:0 22px}.login-card-footer span:last-child{display:none}}