@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");.login-page-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:20px;box-sizing:border-box}.login-modal-container{background-color:rgba(26,26,42,0.8);border-radius:15px;padding:30px 40px;box-shadow:0 10px 30px rgba(0,0,0,0.7);width:100%;max-width:450px;display:flex;flex-direction:column;text-align:center;box-sizing:border-box;position:relative}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2em;color:#b0b0d0;cursor:pointer;transition:color 0.3s ease}.close-button:hover{color:#fff}.welcome-title{font-family:'Arial Black',sans-serif;font-size:2.5em;margin-bottom:10px;background:linear-gradient(to right,#00ffff,#ff00ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(0,255,255,0.4),0 0 15px rgba(255,0,255,0.4);letter-spacing:1px;text-align:center}.login-instruction{color:#b0b0d0;font-size:1em;line-height:1.5;margin-bottom:25px;text-align:center}.login-form{width:100%;max-width:380px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.form-group{margin-bottom:20px;width:100%;text-align:left}.form-group label{display:block;color:#e0e0e0;font-size:0.95em;margin-bottom:8px;font-weight:500}.form-group input[type="text"],.form-group input[type="password"]{width:100%;padding:12px 18px;border:1px solid #3a3a5a;border-radius:8px;background-color:#2a2a3a;color:#ffffff;font-size:1em;box-sizing:border-box;outline:none;transition:border-color 0.3s ease,box-shadow 0.3s ease}.form-group input[type="text"]:focus,.form-group input[type="password"]:focus{border-color:#00ffff;box-shadow:0 0 6px rgba(0,255,255,0.3)}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:40px}.password-input-wrapper .peek-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:#b0b0d0;font-size:1.2em}.login-submit-button{width:100%;padding:15px 20px;border:none;border-radius:8px;cursor:pointer;font-size:1.2em;font-weight:bold;color:white;background:linear-gradient(to right,#00ffff,#ff00ff);box-shadow:0 4px 12px rgba(0,0,0,0.4);transition:transform 0.2s ease,box-shadow 0.2s ease;margin-top:15px;letter-spacing:0.5px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:10px}.login-submit-button:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.error-message{color:#ff6b6b;margin-top:10px;font-size:0.9em;line-height:1.4;width:100%}.or-separator{width:100%;max-width:380px;margin:25px auto;display:flex;align-items:center;color:#777;font-size:0.85em;text-transform:uppercase;letter-spacing:0.8px}.or-separator::before,.or-separator::after{content:'';flex-grow:1;height:1px;background-color:#444;margin:0 8px}.social-login-buttons{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;margin:0 auto 25px auto}.social-button{align-items:center;justify-content:center;width:100%;padding:12px 15px;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:background-color 0.2s ease,border-color 0.2s ease;color:white;background-color:#27273F;border:1px solid #3A3A5A;text-decoration:none}.social-button i{font-size:1.2em;margin-right:10px}.google-button:hover{background-color:#3b3b5b;border-color:#4285F4}.discord-button:hover{background-color:#3b3b5b;border-color:#7289DA}.signup-prompt,.forgot-password-prompt{color:#b0b0d0;font-size:0.95em;margin-top:25px;width:100%}.signup-link,.reset-link{color:#00ffff;text-decoration:none;font-weight:bold;transition:color 0.3s ease}.signup-link:hover{color:#00e0e0;text-decoration:underline}input::placeholder{color:#888;opacity:1}.spinner{border:4px solid rgba(255,255,255,0.3);border-top:4px solid #fff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;flex-shrink:0;display:none}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.login-submit-button.loading .button-text{visibility:hidden;width:0;margin:0}.login-submit-button.loading .spinner{display:block;margin-left:0}.login-submit-button.loading{padding:15px 20px;width:100%}@media (max-width:600px){.login-modal-container{padding:20px 25px;max-width:90%}.welcome-title{font-size:2em}.login-instruction{font-size:0.9em}.login-submit-button{font-size:1.1em;padding:12px 15px}.social-button{font-size:0.95em;padding:10px 12px}}