body{background-color:#f5f7fa;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;font-family:'Helvetica Neue',sans-serif}.login-container{background-color:#fff;padding:2.5rem;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.05);max-width:450px;width:100%;transition:all .3s ease-in-out;border:1px solid #eaeaea}.login-container:hover{box-shadow:0 6px 12px rgba(0,0,0,0.1);transform:translateY(-3px)}.login-container h2{text-align:center;font-size:1.75rem;color:#333;margin-bottom:1.5rem;font-weight:600;letter-spacing:1px}@media (max-width: 768px){body{flex-direction:column;padding:30px;height:auto}}.alert{padding:10px;font-size:14px;border-radius:5px;text-align:center;margin-bottom:15px;font-weight:500}.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-label{color:#555;font-weight:600;font-size:14px;margin-bottom:10px}.form-control{padding:12px;border-radius:6px;border:1px solid #ddd;transition:all .3s ease;background-color:#fafafa;font-size:14px;box-shadow:none}.form-control:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 6px rgba(0,123,255,0.2);outline:none}.form-check-label{font-size:13px;color:#777}.form-check-input{accent-color:#007bff}.mb-3{margin-bottom:1.5rem}.mt-4{margin-top:2rem}a{color:#007bff;text-decoration:none;font-weight:600;transition:color .3s ease}a:hover{color:#0056b3;text-decoration:underline}.btn-primary{display:block;background-color:#28a745;color:#fff;padding:8px;font-size:16px;border-radius:8px;text-align:center;text-decoration:none;border:none;transition:background-color .3s ease,box-shadow .3s ease;width:100%;margin:0 auto;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.btn-primary:hover{background-color:#218838;border-color:#1e7e34;box-shadow:0 6px 8px rgba(0,0,0,0.2)}.btn-google{display:block;background-color:#4285f4;color:#fff;padding:8px;font-size:16px;border-radius:8px;text-align:center;text-decoration:none;border:none;transition:background-color .3s ease,box-shadow .3s ease;width:100%;margin:0 auto;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.btn-google i{margin-right:10px;font-size:18px}.btn-google:hover{background-color:#357ae8;box-shadow:0 6px 8px rgba(0,0,0,0.2)}.btn-facebook{display:block;background-color:#4267B2;color:#fff;padding:8px;font-size:16px;border-radius:8px;text-align:center;text-decoration:none;border:none;transition:background-color .3s ease,box-shadow .3s ease;width:100%;margin:0 auto;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.btn-facebook:hover{background-color:#365899;box-shadow:0 6px 8px rgba(0,0,0,0.2)}.btn-facebook i{margin-right:10px;font-size:18px}.discord-btn{display:block;background-color:#7289DA;color:#fff;padding:10px 15px;font-size:16px;border-radius:8px;text-align:center;text-decoration:none;border:none;transition:background-color .3s ease,box-shadow .3s ease;width:100%;margin:10px auto;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.discord-btn:hover{background-color:#5b6eae;box-shadow:0 6px 8px rgba(0,0,0,0.2)}.discord-btn i{margin-right:10px;font-size:18px}.btn-back{background-color:transparent;color:#6c757d;font-size:16px;padding:8px;border-radius:8px;text-align:center;text-decoration:none;border:1px solid #6c757d;transition:color .3s ease,border-color .3s ease,box-shadow .3s ease;max-width:300px;margin:0 auto;display:block}.btn-back:hover{color:#fff;border-color:#5a6268;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.dark-mode .login-container{background-color:#2c2c2c;color:#eaeaea;border-color:#444}.dark-mode .login-container h2,.dark-mode .login-container .form-label,.dark-mode .login-container .form-check-label,.dark-mode .login-container a{color:#fff}.dark-mode .login-container .form-control{background-color:#444;border-color:#555;color:#fff}.dark-mode .login-container .form-control:focus{background-color:#555;border-color:#007bff;box-shadow:0 0 6px rgba(0,123,255,0.2);color:#fff}.dark-mode .login-container .form-check-input{accent-color:#fff}.dark-mode .login-container .btn-primary{background-color:#007bff;border-color:#0056b3;color:#fff}.dark-mode .login-container .btn-google{background-color:#357ae8;color:#fff}.dark-mode .login-container .btn-facebook{background-color:#365899;color:#fff}.dark-mode .login-container .btn-back{background-color:transparent;color:#fff;border-color:#666}.dark-mode .login-container a{color:#9cf}.dark-mode .login-container a:hover{color:#cce6ff}.dark-mode .text-muted{color:#fff!important}.dark-mode .text-muted:hover{color:#cce6ff!important}.btn-home{background-color:transparent;color:#6c757d;font-size:16px;padding:8px;border-radius:8px;border:1px solid #6c757d;text-align:center;transition:color .3s ease,border-color .3s ease,box-shadow .3s ease;display:block;width:100%;max-width:300px;margin:0 auto}.btn-home:hover{color:#fff;border-color:#5a6268;box-shadow:0 4px 6px rgba(0,0,0,0.1)}