.login-page{background-image:url(/images/landing.jpg);background-size:cover;background-position:center;height:75vh;display:flex;justify-content:center;align-items:center}.login-page .login-card{background-color:#fffffff2}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card input{padding:.75rem 1rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;width:100%;box-sizing:border-box}.login-card button{padding:.75rem 1rem;font-family:var(--font-primary);background-color:var(--clr-accent-2);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.login-card button:hover{background-color:#369}@media(max-width:1439px){.login-page{height:70vh}}@media(max-width:1023px){.login-page{height:65vh}.login-card input{font-size:.95rem}}@media(max-width:767px){.login-page{height:60vh}.login-card form{gap:.875rem}.login-card input,.login-card button{padding:.7rem .9rem}}@media(max-width:575px){.login-page{height:55vh}.login-card input{padding:.65rem .85rem;font-size:.9rem}.login-card button{padding:.65rem .85rem;font-size:.95rem}}@media(max-width:374px){.login-page{height:50vh}.login-card form{gap:.75rem}.login-card input{padding:.6rem .8rem;font-size:.85rem}.login-card button{padding:.6rem .8rem;font-size:.9rem}}