body{font-family:Helvetica,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#000;color:teal}header{text-align:center;padding:20px;background-color:#000;border-bottom:2px solid teal}nav{text-align:center;background-color:#000;padding:10px;display:flex;justify-content:center;border-bottom:1px solid teal}nav a{color:teal;text-decoration:none;padding:10px;font-size:16px;margin:0 10px}nav a:hover{text-decoration:underline}input{width:100%;padding:8px;margin-bottom:16px;box-sizing:border-box;background-color:#111;border:1px solid teal;color:teal}main{max-width:400px;margin:20px auto;padding:20px;background-color:#000;border-radius:5px;box-shadow:0 0 10px rgba(0,128,128,.3)}.login-form{text-align:center;background-color:inherit;padding:10px}.login-form input,.login-form label{display:block;margin:10px auto}.login-button{display:block;width:100%;margin-top:20px;padding:10px;background-color:teal;color:#000;font-size:16px;text-align:center;text-decoration:none;border:2px solid teal;border-radius:5px;box-shadow:1px 1px 3px rgba(0,128,128,.5);cursor:pointer}.login-button:hover{background-color:#0aa}.register-link{display:block;text-align:center;margin-top:20px;color:teal;text-decoration:none}.register-link:hover{text-decoration:underline}.password-container{position:relative}.password-toggle{position:absolute;top:15px;right:10px;transform:translateY(-50%);cursor:pointer;font-size:20px;color:teal}.remember-me-section{display:flex;align-items:center}.remember-me-section input{margin-right:4px}.remember-me-section label{white-space:nowrap}.dark-mode{background-color:#000;color:teal}