.login-page{flex:1 1;display:flex;justify-content:center;align-items:flex-start;background-color:#272727;padding:0;background-image:url(/assets/dj.jpg);background-size:cover;background-repeat:no-repeat;background-position:top}.login-page .login-container{max-width:400px;width:100%;padding:30px;background-color:hsla(0,0%,100%,.85);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-top:150px;margin-bottom:100px}.login-page .login-container h1{text-align:center;margin-bottom:20px;margin-top:0;font-size:2rem}.login-page .login-container .flash-message{background-color:#eaf5ea;border:1px solid #4caf50;color:#4caf50;padding:10px;text-align:center;margin-bottom:20px;border-radius:4px;font-size:1rem}.login-page .login-container .login-form{display:flex;flex-direction:column;gap:15px}.login-page .login-container .login-form .form-group{display:flex;flex-direction:column}.login-page .login-container .login-form .form-group label{margin-bottom:5px;font-size:1rem}.login-page .login-container .login-form .form-group input{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px}.login-page .login-container .login-form .error-message{color:red;text-align:center;margin-top:-10px;margin-bottom:10px}.login-page .login-container .login-form .success-message{color:green;text-align:center;margin-top:-10px;margin-bottom:10px}.login-page .login-container .btn{padding:10px;font-size:1rem;border:none;border-radius:4px;cursor:pointer;width:100%;text-align:center;margin-top:10px;display:flex;justify-content:center;align-items:center}.login-page .login-container .btn-primary{background-color:#ff4500;color:#fff}.login-page .login-container .btn-secondary{background-color:#4285f4;background:linear-gradient(180deg,#4285f4,#2e60b0);color:#fff}.login-page .login-container .signup-text{text-align:center;font-size:1rem;margin:0;padding:0}.login-page .login-container .signup-subtext{text-align:center;font-size:.875rem;margin:0;padding:0;color:#555}.login-page .login-container .divider{margin:20px 0;border-top:1px solid #ccc}.trouble-accessing{text-align:center;font-size:.875rem;color:#555;margin-top:10px;margin-bottom:10px}.trouble-accessing .reset-password-link{color:#000;text-decoration:underline;cursor:pointer}.trouble-accessing .reset-password-link:hover{text-decoration:none}@media(max-width:768px){.login-page{padding:10px;align-items:flex-start;background-size:contain;background-position:top}.login-page .login-container{margin-top:30px;margin-bottom:30px;max-width:100%;padding:20px}}.footer-container{margin-top:auto}