.body{background:linear-gradient(135deg,#273161 0%,#36313b 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.login-container{background-color:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0003}.login-form h2{text-align:center;color:#333;margin:0 0 30px;font-size:28px;font-weight:600}.login-input{margin-bottom:20px}.login-input input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .3s,box-shadow .3s}.login-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.login-input input::placeholder{color:#999}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding:14px 48px 14px 16px}.toggle-password{cursor:pointer;color:#666;background:0 0;border:none;font-size:14px;font-weight:500;text-decoration:underline;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-button{margin-top:10px}.login-button button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#273161 0%,#36313b 100%);border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.login-button button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.login-button button:active{transform:translateY(0)}.login-divider{align-items:center;margin:24px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background-color:#ddd;flex:1;height:1px}.login-divider span{color:#999;text-transform:uppercase;padding:0 16px;font-size:14px}.login-google{margin-bottom:8px}.google-btn{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:12px 14px;font-size:15px;font-weight:500;transition:background-color .2s,box-shadow .2s,border-color .2s;display:flex}.google-btn:hover{background-color:#f8f9fa;border-color:#ccc;box-shadow:0 2px 8px #0000001a}.google-btn:active{background-color:#f1f3f4}.login-register{text-align:center;margin-top:24px}.login-register p{color:#666;margin:0;font-size:14px}.login-register a{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.login-register a:hover{color:#764ba2;text-decoration:underline}.error-message{color:#dc2626;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px}.forgot-password{text-align:right;margin-bottom:15px}.forgot-password a{color:#667eea;font-size:14px;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.login-button button:disabled,.google-btn:disabled{opacity:.7;cursor:not-allowed}.login-input input:disabled{cursor:not-allowed;background-color:#f5f5f5}
.body{background:linear-gradient(135deg,#273161 0%,#36313b 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.register-container{background-color:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0003}.register-form h2{text-align:center;color:#333;margin:0 0 30px;font-size:28px;font-weight:600}.register-input{margin-bottom:20px}.register-input input{border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .3s,box-shadow .3s}.register-input input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.register-input input::placeholder{color:#999}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding:14px 48px 14px 16px}.toggle-password{cursor:pointer;color:#666;background:0 0;border:none;font-size:14px;font-weight:500;text-decoration:underline;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.register-button{margin-top:10px}.register-button button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#273161 0%,#36313b 100%);border:none;border-radius:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.register-button button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.register-button button:active{transform:translateY(0)}.register-divider{align-items:center;margin:24px 0;display:flex}.register-divider:before,.register-divider:after{content:"";background-color:#ddd;flex:1;height:1px}.register-divider span{color:#999;text-transform:uppercase;padding:0 16px;font-size:14px}.register-google{margin-bottom:8px}.google-btn{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 14px;font-size:15px;font-weight:500;transition:background-color .2s,box-shadow .2s,border-color .2s;display:flex}.google-btn:hover{background-color:#f8f9fa;border-color:#ccc;box-shadow:0 2px 8px #0000001a}.google-btn:active{background-color:#f1f3f4}.register-login{text-align:center;margin-top:24px}.register-login p{color:#666;margin:0 0 4px;font-size:14px}.register-login a{color:#667eea;font-weight:500;text-decoration:none;transition:color .2s}.register-login a:hover{color:#764ba2;text-decoration:underline}