body{background-color:#2c2c2c;color:#f0f0f0;font-family:Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;height:100vh;margin:0}.login-container{background:none;padding:3rem;border-radius:8px;text-align:center;width:320px}.login-container .login-header{display:flex;align-items:center}.login-container img.logo{width:128px;margin-bottom:1rem}.login-container h1{font-size:2rem;margin-bottom:2rem;font-weight:600;color:#f0f0f0}.login-container form{display:flex;flex-direction:column;gap:1rem}.login-container form label{font-size:.9rem;text-align:left;color:#f0f0f0}.login-container form input{padding:.75rem;background-color:#3a3a3a;border:1px solid #555;border-radius:4px;color:#f0f0f0;font-size:1rem}.login-container form input::placeholder{color:#bbb}.login-container form input:focus{outline:none;border-color:#f57c00}.login-container form .login-button{background-color:#f57c00;color:#fff;padding:.75rem;font-size:1rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.login-container form .login-button:hover{background-color:#dc6f00}.login-container form .forgot-link{font-size:.85rem;margin-top:1rem;color:#ffa243;text-decoration:none}.login-container form .forgot-link:hover{text-decoration:underline}