.login-container{max-width:400px;margin:80px auto;padding:2rem;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.login-container h1{text-align:center;margin-bottom:24px;font-size:1.8rem;color:#333}.login-container input{width:100%;padding:12px;margin-bottom:16px;border:1px solid #ccc;border-radius:8px;font-size:1rem}.login-container button{width:100%;padding:12px;color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.login-container button,.login-container button:hover{background-color:#d32f2f}.register-link{margin-top:16px;text-align:center;color:#0070f3;font-size:.95rem;cursor:pointer}.register-link span{text-decoration:underline;font-weight:500}.register-link:hover{color:#005ac1}@media (max-width:500px){.login-container{margin:40px 1rem;padding:1.5rem}.login-container h1{font-size:1.5rem}}