.login-page{background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.background-gradient{z-index:0;background:radial-gradient(circle,#ff00001a 0%,#0000 70%);position:absolute;inset:0}.login-container{z-index:10;text-align:center;background:#141414f2;border:1px solid red;border-radius:8px;width:320px;padding:40px;animation:.8s ease-out slideUp;position:relative;box-shadow:0 4px 20px #ff00004d}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.logo-icon{color:red;text-shadow:0 0 10px #f00c;margin-bottom:20px;font-size:48px}.login-title{color:red;margin-bottom:32px;font-size:24px;font-weight:300}.error-message{color:#f66;background:#ff00001a;border:1px solid red;border-radius:4px;margin-bottom:16px;padding:12px;font-size:14px}.input-wrapper{margin-bottom:20px;position:relative}.input-icon{color:red;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.input-field{color:#fff;box-sizing:border-box;background-color:#111;border:1px solid red;border-radius:4px;width:100%;padding:12px 16px 12px 40px;font-size:16px;transition:all .3s}.input-field:focus{border-color:#f66;outline:none;box-shadow:0 0 8px #ff000080}.options-row{justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;display:flex}.remember-label{align-items:center;display:flex}.remember-checkbox{margin-right:8px}.remember-text{color:#fff}.forgot-link{color:#f66;text-decoration:none}.forgot-link:hover{text-decoration:underline}.submit-button{color:#fff;cursor:pointer;background:red;border:none;border-radius:4px;width:100%;padding:12px;font-size:16px;font-weight:500;transition:all .3s}.submit-button:hover:not(:disabled){background:#c00}.submit-button:disabled{opacity:.5;cursor:not-allowed}.divider-container{text-align:center;margin:20px 0;position:relative}.divider-line{background:red;height:1px;position:absolute;top:50%;left:0;right:0}.divider-text{color:red;background:#141414f2;padding:0 8px;font-size:12px;position:relative}.social-buttons{justify-content:center;gap:16px;display:flex}.social-button{color:red;cursor:pointer;background:0 0;border:none;font-size:20px;text-decoration:none;transition:color .3s}.social-button:hover{color:#f66}.register-link{margin-top:24px;font-size:14px}.register-text{color:#fff}.register-link-text{color:#f66;font-weight:500;text-decoration:none}.register-link-text:hover{text-decoration:underline}@media (max-width:400px){.login-container{width:90%;padding:30px}}