.login-container{max-width:400px;margin:60px auto;padding:30px;background:#000;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.5)}.login-header{text-align:center;margin-bottom:30px}.login-logo{color:#ff424f;font-size:28px;margin-bottom:10px}.login-logo i{margin-right:10px}.login-title{color:#fff;font-size:24px;margin:15px 0}.form-group{margin-bottom:20px}.form-group label{display:block;color:#fff;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:12px 15px;background:#1a1a1a;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px;transition:all .3s ease}.form-group input:focus{border-color:#ff424f;outline:0;box-shadow:0 0 0 2px rgba(255,66,79,.25)}.password-toggle{position:relative}.password-toggle i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#666;cursor:pointer;transition:color .3s ease}.password-toggle i:hover{color:#fff}.form-check{display:flex;align-items:center;gap:8px;margin:20px 0}.form-check input[type=checkbox]{width:16px;height:16px;margin:0}.form-check label{color:#999;font-size:14px}.login-button{width:100%;padding:12px;background:#ff424f;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.login-button:hover{background:#ff2c3c}.register-link{text-align:center;margin-top:20px;color:#999;font-size:14px}.register-link a{color:#ff424f;text-decoration:none;font-weight:500}.register-link a:hover{text-decoration:underline}.alert{padding:12px 15px;border-radius:4px;margin-bottom:20px;font-size:14px}.alert-danger{background:rgba(255,66,79,.1);border:1px solid rgba(255,66,79,.2);color:#ff424f}.alert-success{background:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.2);color:#2ecc71}.login-subtitle{color:#adb5bd;margin-bottom:30px;font-size:14px}.remember-me{display:flex;align-items:center;gap:8px;color:#adb5bd;font-size:14px;cursor:pointer}.remember-me input[type=checkbox]{width:16px;height:16px;margin:0}.social-login{margin-top:28px;text-align:center}.social-login-text{color:#bdbdbd;font-size:.98rem;margin-bottom:12px}.social-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:0}.social-button{display:flex;align-items:center;gap:7px;padding:10px 22px;border:none;border-radius:7px;font-size:1rem;font-weight:600;cursor:pointer;background:#23242a;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:background .2s,color .2s,box-shadow .2s;outline:0;text-decoration:none}.social-button.google{background:#fff;color:#e53e3e;border:1.5px solid #e53e3e}.social-button.google i{color:#e53e3e;font-size:1.2rem}.social-button.google:hover{background:#e53e3e;color:#fff}.social-button.facebook{background:#1877f2;color:#fff;border:1.5px solid #1877f2}.social-button.facebook i{color:#fff;font-size:1.2rem}.social-button.facebook:hover{background:#145db2;color:#fff}.social-button.twitter{background:#1da1f2;color:#fff;border:1.5px solid #1da1f2}.social-button.twitter i{color:#fff;font-size:1.2rem}.login-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1b26;border-radius:10px;width:400px;padding:25px;z-index:1000;box-shadow:0 5px 15px rgba(0,0,0,.3)}.login-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.login-modal-title{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px}.login-modal-title i{color:#ff424f}.close-modal{background:0 0;border:none;color:#6c757d;font-size:24px;cursor:pointer;padding:0;line-height:1}.close-modal:hover{color:#fff}.login-tabs{display:flex;margin-bottom:20px}.login-tab{flex:1;padding:10px;text-align:center;background:0 0;border:none;color:#6c757d;cursor:pointer;font-size:14px;position:relative}.login-tab.active{color:#fff}.login-tab i{margin-right:5px}.form-group{margin-bottom:15px}.form-group label{display:block;color:#6c757d;margin-bottom:5px;font-size:14px}.form-group input{width:100%;padding:10px;background:#13141f;border:1px solid #2d2e32;border-radius:5px;color:#fff;font-size:14px}.form-group input:focus{border-color:#ff424f;outline:0}.form-options{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.remember-me{display:flex;align-items:center;gap:5px;color:#6c757d;font-size:14px}.forgot-password{color:#ff424f;text-decoration:none;font-size:14px}.forgot-password:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:999}@media (max-width:600px){.social-buttons{flex-direction:column;gap:10px}.social-button{width:100%;justify-content:center}}