.page{height:100dvh;font-family:var(--font-body);background-color:var(--background);justify-content:center;align-items:center;padding:1rem;display:flex}@media (max-width:768px){.page{align-items:flex-start;padding:.5rem}}@media (max-width:480px){.page{align-items:flex-start;padding:.5rem}}.main{flex-direction:column;width:100%;height:100%;padding:0 12rem;display:flex}@media (max-width:768px){.main{justify-content:center;padding:0 2rem}}@media (max-width:480px){.main{justify-content:center;padding:0 1rem}}header{height:15dvh;padding-top:8rem}@media (max-width:768px){header{height:auto;padding-top:0;position:absolute;top:1.5rem;left:1.5rem}}@media (max-width:480px){header{height:auto;padding-top:0;position:absolute;top:1.5rem;left:1.5rem}}header img{max-width:100%;height:auto}.login-container{justify-content:center;align-items:center;gap:12rem;margin-top:10rem;display:flex}@media (max-width:768px){.login-container{flex-direction:column;gap:2rem;margin-top:2rem}}@media (max-width:480px){.login-container{flex-direction:column;gap:1.5rem;margin-top:1rem}}.login-img{width:51%}@media (max-width:768px){.login-img{display:none}}@media (max-width:480px){.login-img{display:none}}.login-img img{width:600px;height:100%}.main h1{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:1.5rem;font-size:4rem;font-weight:600}@media (max-width:768px){.main h1{font-size:2.5rem}}@media (max-width:480px){.main h1{margin-bottom:1rem;font-size:2rem}}.main p{font-family:var(--font-body);color:var(--text-primary);margin-bottom:2rem;font-size:2rem}@media (max-width:768px){.main p{margin-bottom:1.5rem;font-size:1.4rem}}@media (max-width:480px){.main p{margin-bottom:1rem;font-size:1.2rem}}.login-field{flex-direction:column;gap:3rem;margin-top:-9rem;display:flex}@media (max-width:768px){.login-field{gap:1.5rem;margin-top:-2rem}}@media (max-width:480px){.login-field{gap:1rem;margin-top:0}}.login-field p{margin-bottom:3rem}@media (max-width:768px){.login-field p{margin-bottom:1.5rem}}@media (max-width:480px){.login-field p{margin-bottom:1rem}}.login-text{margin-bottom:2rem}@media (max-width:480px){.login-text{margin-bottom:1rem}}form{flex-direction:column;gap:2rem;width:100%;display:flex}@media (max-width:480px){form{gap:1.5rem}}.password-input-wrapper{align-items:center;display:flex;position:relative}input{font-family:var(--font-body);background-color:#fff;border:1px solid #545f7d26;border-radius:8px;outline:none;width:447px;max-height:50px;padding:12px 16px;font-size:1.4rem;transition:border-color .2s}@media (max-width:768px){input{width:45rem}}@media (max-width:480px){input{width:30rem;height:4.5rem;padding:10px 12px;font-size:1.2rem}}input:focus{border-color:#39cdcc}.show-password-btn{color:#39cdcc;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;font-weight:600;transition:opacity .2s;position:absolute;right:16px}@media (max-width:480px){.show-password-btn{font-size:1rem;right:12px}}.show-password-btn:hover{opacity:.8}.login-btn button{font-family:var(--font-body);cursor:pointer;background:var(--text-tertiary);width:447px;height:50px;color:var(--background);border:none;border-radius:8px;padding:12px 0;font-weight:500;transition:background .2s,border .2s,color .2s}@media (max-width:768px){.login-btn button{width:100%}}@media (max-width:480px){.login-btn button{height:45px;padding:10px 0;font-size:1.2rem}}.login-btn button:hover{background:var(--background);border:1px solid var(--text-tertiary);color:var(--text-primary)}a{font-family:var(--font-body);color:var(--text-tertiary);margin-bottom:1rem;font-size:1.2rem;font-weight:600;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}@media (max-width:480px){a{font-size:1rem}}a:hover{color:var(--button-primary-hover);text-decoration:underline}