body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f3f4f6; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
            .login-box { background: #ffffff; padding: 40px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); text-align: center; max-width: 400px; width: 90%; }
            h2 { color: #374151; margin-bottom: 10px; }
            p { color: #6b7280; font-size: 14px; margin-bottom: 25px; }
            input[type="password"] { width: 100%; box-sizing: border-box; padding: 12px; margin-bottom: 20px; border: 1px solid #d1d5db; border-radius: 6px; font-size: 16px; outline: none; }
            input[type="password"]:focus { border-color: #3b82f6; }
            button { background-color: #3b82f6; color: white; padding: 12px 24px; border: none; border-radius: 6px; font-size: 16px; cursor: pointer; width: 100%; font-weight: bold; }
            button:hover { background-color: #2563eb; }
            .error { color: #ef4444; font-size: 14px; margin-bottom: 15px; }